performance-timing.js利用HTML5的navigation timing API进行前端性能数据采集,是性能监控平台搭建的利器
performance-timing.js利用HTML5中的navigation timing API进行前端性能数据采集,是性能监控平台搭建的利器
请参考:http://caniuse.com/#feat=nav-timing
目前依赖jQuery,如果不希望依赖jQuery可以自己去实现函数$.param
和$.extend
//支持 AMD 和 CMD,下面代码使用的是全局变量的方式
Performance.start({
url: "http://www.xxx.com/a.gif", //后端收集数据的URL,必填
rate: 0.2, //抽样比例,默认是10%抽样
data: { //额外需要记录的数据,非必填
ext_domain: "www.xxx.com", //域名,默认是document.domain
ext_path: "_wap_index" //页面,默认是encodeURIComponent(location.pathname.toLowerCase().replace(/\//g, "_"));
}
});
默认情况下脚本将会采集以下数据(详细计算公式可参看采集脚本):
参数 | 类型 | 描述 |
---|---|---|
ext_domain |
string | 域名 |
ext_path |
string | 页面 |
t_unload |
number | 上个文档的卸载时间 |
t_redirect |
number | 页面重定向的时间 |
t_dns |
number | DNS解析时间 |
t_tcp |
number | 服务器连接时间 |
t_request |
number | 服务器响应时间 |
t_response |
number | 网页文档下载时间 |
t_paint |
number | 首次渲染时间 |
t_dom |
number | DOM Ready时间(阶段) |
t_domready |
number | DOM Ready时间(总和) |
t_load |
number | onload时间(阶段) |
t_onload |
number | onload时间(总和) |
t_white |
number | 白屏时间 |
t_all |
number | 全部过程时间 |