前端性能指标统计

[sundjly]

关键点　　

分页面、区域、浏览器、性能指标　　

页面的性能指标详解：　　

1. 白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止　　
2. 首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间　　
3. 用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作　　
4. 总下载时间——页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间 　　

确定统计起点：　　

我们需要在用户输入 URL 或者点击链接的时候就开始统计，因为这样才能衡量用户的等待时间。高端浏览器Navigation Timing接口；普通浏览器通过 cookie 记录时间戳的方式来统计，需要注意的是 Cookie 方式只能统计到站内跳转的数据。

参考

1. 来自 前端性能指标统计
2. https://github.com/azl397985856/automate-everything/blob/master/docs/chapter4.md