HTML5中新增的测量页面加载的时间API
在HTML5标准中,草案新增加了在JS中通过API计算某个页面从服务器加载返回
到浏览器的时间:
var startTime = new Date().getTime();
function onLoadEventHandler() {
var latency = startTime - performance.timing.navigationStart;
console.log('Latency = ' + latency + 'ms');
}
这里,用performance.timing.navigationStart方法,返回浏览器从服务器端返回的新的资源的时间,比如你在访问A页面,A页面没加载完,又重新通过LINK访问了B页面,则
performance.timing.navigationStart时间为浏览器停止装载A,开始装载B时的时间
更多的可以参考
https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html
目前可以在IE9,CHROME,FIREFOX 7中对其支持