前端性能收集器
目前收集指标如下,后续酌情新增
const INDICATORS = // DNS查询耗时 dns: '' // TCP连接耗时 tcp: '' // TTFB(首字节时间) ttfb: '' // 白屏时间 firstPaintTime: '' // DOMContentLoaded耗时 domReady: '' // 页面加载完成耗时 load: '' ;
安装
npm i performance-collector --save
使用
; ;
兼容性
实现中使用了addEventListener
,所以不兼容IE8-
(不会回调)。
性能参数主要通过performance.timing
接口计算而来,不支持此接口的浏览器只会计算load
和domReady
两个指标,其他指标为空。