【文件属性】:
文件名称:Performance-Monitoring:为showjoy前端组开发的前端性能监控系统
文件大小:140KB
文件格式:ZIP
更新时间:2021-04-27 13:20:28
Performance-Monitoring
为showjoy前端组开发的前端性能监控系统
需求
服务器自动跑线上页面,收集性能指标数据,前端展示数据。
收集真实用户的线上性能数据,在后台页面展示。
参考文档
目标
完成服务器搭建,写好埋点js,手动跑页面,得到页面加载性能的数据(json格式)。数据类型有:
白屏时间
页面渲染完成时间
页面load时间
。。。
TODO
统计脚本:
主文档加载速度,利用 Navigation Timing API 取得;
静态资源加载速度,利用 Resource Timing API 取得;
首次渲染速度,IE 下用 msFirstPaint 取得,Chrome 下利用 loadTimes 取得;
文档生成速度,这个是后端的事,不做;
采集主文档加载速度的具体做法是:
在主文档 load 之前提供可缓存数据的接口,方便在统计脚本载入前就可以准备数据;
在
【文件预览】:
Performance-Monitoring-master
----README.md(2KB)
----resource-timing.png(61KB)
----navigation-timing.png(82KB)