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

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

阅读 3.1k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题