前端性能监控方案尝试
“没有数据统计的性能优化,都是耍流氓” — 京东凹凸实验室面试官
监控原因
- 关注性能是工程师的本职工作(做技术要有追求嘛)
- 页面性能需要大量的真实数据做支持
- 资源挂了,加载异常需要主动报警
监控方案
MDN参考链接
兼容情况
目前IE9以上的浏览器都兼容
相关属性
Performance.navigation(只读)
提供指定的时间内的操作相关信息,包括页面是加载还是刷新、发生了多少次重定向等等。 <font color=red>Not Available in workers</font>
Performance.timing(只读)
包含延迟相关的性能信息<font color=red>Not Available in workers</font>
Performance.timeOrigin(只读)
返回性能测量开始时的时间的高精度时间戳
Performance.memory
chrome添加的一个非标准拓展,提供可以获取到基本内存使用情况。<font color=red>非标准API</font>