你的位置:首页 > 软件开发 > 网页设计 > 利用Navigation Timing测量页面加载时间

利用Navigation Timing测量页面加载时间

发布时间:2015-07-28 00:00:05
最近在看一本名为《web性能实践日志》的书籍,其中第十三章"网络计时"中介绍了一种比较新的计算页面各部分加载时间方法,这也是W3C Web性能工作小组正在做的事情,接下来我就给大家大概介绍一下:首先先撇开这篇文章所要介绍的,如果要你来写一段代码来计算整个页面加 ...

利用Navigation Timing测量页面加载时间

最近在看一本名为《web性能实践日志》的书籍,其中第十三章"网络计时"中介绍了一种比较新的计算页面各部分加载时间方法,这也是W3C Web性能工作小组正在做的事情,接下来我就给大家大概介绍一下:

首先先撇开这篇文章所要介绍的,如果要你来写一段代码来计算整个页面加载的时间的话,我们一般都会这样做:获得页面开始加载的时间和结束加载的时间,两个一减便是页面加载的时间了,没错,代码如下:

 1 <html> 2 <head> 3 <script type="text/javascript"> 4  5 var start = new Date().getTime(); //获取开始加载时间 6 function onLoad() { 7   var now = new Date().getTime(); //获取加载结束时间 8   var latency = now - start; //页面加载时间 9   alert("page loading time: " + latency);10 }11 12 </script>13 </head>14 <body onload="onLoad()">15 <!- Main page body goes from here. -->16 </body>17 </html>

原标题:利用Navigation Timing测量页面加载时间

关键词:时间

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。