性能监控方案

Posted by Asser's Blog on August 21, 2019

前端性能监控方案尝试

“没有数据统计的性能优化,都是耍流氓” — 京东凹凸实验室面试官

监控原因

  • 关注性能是工程师的本职工作(做技术要有追求嘛)
  • 页面性能需要大量的真实数据做支持
  • 资源挂了,加载异常需要主动报警

监控方案

MDN参考链接

window.performance API

兼容情况

目前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>

事件处理程序