单页应用react项目,做一个性能监控的最佳实践

小哈
  • 214

求得是最佳实践。众所周知,在单页应用,performance.timing是不会变的。getEntries 能拿到单文件的加载时间,但是单文件也有缓存,我发现我当前是无法对加载的文件判断是否触发了缓存。另外我的js是经过代码分割的。每次切换路由加载的js时间是不确定的。
其次,js文件的加载时间跟渲染的时间并无直接关系
最后还是想考虑下最佳实践,如果在组件里的componentDidmount加时间,会对业务代码有些冲击。所以,我感觉好难啊

评论
阅读 485
1 个回答

我先按照你的标题来回答吧!

性能监控,也就是监控 FCP, LCP等,这些才是你要监控的,这些通过浏览器提供的API,就可以做,不过兼容性不好,你说的统计时间什么的,意义不大

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏