Performance API

一、写在前面
Performance api用于精确度量,控制,增强浏览器的性能表现。这个API为了测量网站性能,提供以前没有办法做到的精度。
比如:为了得到脚本运行的准确时间,需要一个高精度时间戳。传统的做法是使用Date对象的getTime方法。

var start = new Date().getTime()

let i = 100
while(i) {
   
  console.log('111')
  i--
}

var now = new Date().getTime()
var latency = now - start
console.log(latency)

上面这种做法有两个不足之处。首先getTime方法,只能得到毫秒级别,想要得到更小的时间差别就无能为力了。其次这种写法只能获取代码运行过程中的时间进度,无法知道一些后台事件的时间进度,比如浏览器用了多少时间从服务器加载网页。
为了解决两个不足之处,ES5引入高精度时间戳这个API,部署在Performance对象上。它的进度可以达到1ms的千分之一,对于衡量的程度的细微差别,提高程序运行速度很有好处,而且还可以获取后台事件的时间进度。
二、具体API
2.1、performance.timing对象
performance对象的timing属性指向一个对象,它包含了各种与浏览器性能相关的时间数据,提供浏览器处理网页各个阶段的耗时。比如,performance.timing.navigationStart就是浏览器处理当前网页的启动时间。


  <script>
    console.log(Date.now() - performance.timing.navigationStart)  //134</
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值