深入理解前端性能监控

受同源策略影响，跨域资源获取到的时间点，通常为0，如果需要更详细准确的时间点，可以单独请求资源通过performance.timing获得。或者资源服务器开启响应头Timing-Allow-Origin，添加指定来源站点，如下所示：

Timing-Allow-Origin: https://qq.com 

 方法集合

除了performance.getEntries之外，performance还包含一系列有用的方法。如下图

performance.now()

performance.now() 返回一个当前页面执行的时间的时间戳，用来精确计算程序执行时间。与 Date.now() 不同的是，它使用了一个浮点数，返回了以毫秒为单位，小数点精确到微秒级别的时间，更加精准。并且不会受系统程序执行阻塞的影响，performance.now() 的时间是以恒定速率递增的，不受系统时间的影响（系统时间可被人为或软件调整）。performance.timing.navigationStart + performance.now() 约等于 Date.now()。

let t0 = window.performance.now();  
doSomething();  
let t1 = window.performance.now();  
console.log("doSomething函数执行了" + (t1 - t0) + "毫秒.") 

通过这个方法，我们可以用来测试某一段代码执行了多少时间。

performance.mark()

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!