页面性能监控SDK

浏览器兼容性

请参考：http://caniuse.com/#feat=nav-timing

优势

• 1.浏览器原生支持，准确性高
• 2.能够获取到更多的数据，例如DNS解析时间、重定向时间、白屏时间、首屏时间等
• 3.支持页面首次渲染时间的采集
• 4.可定制化程度高
• 5.支持在网页加载完成后进行数据采集和发送，减少页面的性能损耗
• 6.支持软件错误录制，只需配置录制服务地址，即可回传视频信息
• 7.支持软件错误的sourcemap解析，只需配置sourcemap解析服务地址，即可回传sourcemap错误信息

使用示例（支持 commonjs 、umd、ES模块引入）

Using npm:

npm install monitoringsv_sdk --save

main.js入口文件引入:

  import collectinfo from 'monitoringsv_sdk';

  new collectinfo({
     resourceTiming: true,
     elementTiming:true,
     captureError:true //是否开启错误跟踪
     isRrweb:true,//是否开启用户操作录制
     logUrl: '',//上传错误文件sourcemap的地址
     rrwebUrl: '',//用户操作的视频上传地址
     permaceUrl: '',//界面性能的上传地址
     maxTime:'',//最大测试时间
     module:'',//软件名称
 })

GIT获取

• https://github.com/hpeeNew/PerformanceMmonitoring_SDK