加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

深入领略前端机能监控

发布时间:2019-04-09 05:32:21 所属栏目:建站 来源:腾讯新闻前端团队
导读:在同样的收集情形下,有两个同样能满意你的需求的网站,一个唰的一下就加载出来了,另一个白屏转圈转了半天内容才出来,假如让你选择,你会用哪一个? 页面的机能题目是前端开拓中一个重要环节,但一向以来我们没有较量好的本领,来检测页面的机能。直到W3

受同源计策影响,跨域资源获取到的时刻点,凡是为0,假如必要更具体精确的时刻点,可以单独哀求资源通过performance.timing得到。可能资源处事器开启相应头Timing-Allow-Origin,添加指定来历站点,如下所示:

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

 要领荟萃

除了performance.getEntries之外,performance还包括一系列有效的要领。如下图

performance.now()

performance.now() 返回一个当前页面执行的时刻的时刻戳,用来准确计较措施执行时刻。与 Date.now() 差异的是,它行使了一个浮点数,返回了以毫秒为单元,小数点准确到微秒级此外时刻,越发精准。而且不会受体系措施执行阻塞的影响,performance.now() 的时刻是以恒定速度递增的,不受体系时刻的影响(体系时刻可被工钱或软件调解)。performance.timing.navigationStart + performance.now() 约便是 Date.now()。

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

通过这个要领,我们可以用来测试某一段代码执行了几多时刻。

performance.mark()

(编辑:湖南网)

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

热点阅读