HTML5中新增的测量页面加载的时间API


在HTML5标准中,草案新增加了在JS中通过API计算某个页面从服务器加载返回

到浏览器的时间:

  1. var startTime = new Date().getTime();     
  2. function onLoadEventHandler() {     
  3.      var latency = startTime - performance.timing.navigationStart;     
  4.      console.log('Latency = ' + latency + 'ms');     
  5. }    

这里,用performance.timing.navigationStart方法,返回浏览器从服务器端返回的新的资源的时间,比如你在访问A页面,A页面没加载完,又重新通过LINK访问了B页面,则

performance.timing.navigationStart时间为浏览器停止装载A,开始装载B时的时间

目前可以在IE9,CHROME,FIREFOX 7中对其支持。

 

 

相关内容