如何采集 前端性能监控中的 networktype

2025-05-01 02:52:40
推荐回答(1个)
回答1:

1)performance
设置好插件中全局的performance对象,以及方法now,获取当前时间戳。

2)Document.readyState
上图中的“domComplete”、“domInteractive”和“domLoading”,就是Document。readyState的3种状态loading, interactive或complete发生的时间。

3)getTimes()
在这个方法中计算各个参数之间的值。
在网上参考了很多资料,再结合了一点自己的理解,有些参数的理解可能有误,具体的计算方式可以查看源码“primus.js”。
1. firstPaint:白屏时间,也就是开始解析DOM耗时,用户在没有滚动时候看到的内容渲染完成并且可以交互的时间
2. loadTime:加载总时间,这几乎代表了用户等待页面可用的时间

3. unloadEventTime:Unload事件耗时
4. loadEventTime:执行 onload 回调函数的时间
5. domReadyTime:用户可操作时间
6. firstScreen:首屏时间,用户在没有滚动时候看到的内容渲染完成并且可以交互的时间,记录载入时间最长的图片
7. parseDomTime:解析 DOM 树结构的时间,期间要加载内嵌资源