如何在移动设备中计算页面加载时间?

时间:2016-05-25 08:01:38

标签: javascript jquery pageload

为了计算桌面中的页面加载时间,Chrome和Firefox中有几个扩展名。但我在移动浏览器中找不到任何类型的扩展程序?如何计算手机中的页面加载时间?

1 个答案:

答案 0 :(得分:1)

您可以尝试使用Performance timing API,因为它应该相对于performance.fetchstart进行测量(当页面开始加载时)。在页面开始被提取时测量时间0(performance.fetchstart),并且对performance.now的调用以相对于fetchstart的时间(以毫秒为单位)获取时间。

我不认为你需要像我在下面那样把脚本放在头脑中,因为相对于页面提取的时间测量将仅在页面“#34; load"事件触发并触发回调。

<!doctype>
<html>
  <head>
    <!-- HEAD content stuff -->
    <script>
      document.addEventListener("load", function(event) {
        var t1 = performance.now();
        console.log("PageLoad duration: " + t1 + " milliseconds.")
      });
    </script>
  </head>
  <body>
    <!-- Page structure/content stuff, etc ... -->
  </body>
</html>

See the JSFiddle

有关这些API的更多信息: When milliseconds are not enough: performance.now

Performance.now (MDN)