如何计算移动设备的页面加载时间？

Question

为了计算桌面页面加载时间，chrome 和 Firefox 中有几个扩展。但是我在移动浏览器中找不到任何类型的扩展？我如何计算手机的页面加载时间？

Answer 1

您可以尝试使用性能计时 API，因为它应该相对于 performance.fetchstart（页面开始加载时）进行测量。时间 0 是在开始获取页面 (performance.fetchstart) 时测量的，而对 performance.now 的调用获取相对于 fetchstart 的时间（以毫秒为单位）。

我认为您不需要像我在下面所做的那样将脚本放在头部，因为只有当页面 "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 的更多信息：当毫秒数不够时：performance.now

Performance.now (MDN)

如何计算移动设备的页面加载时间？

How to calculate page load time in mobile?

javascript

jquery

pageload