javascript - 使用 JS (Firefox) 查找 DOMCompleteTime 和 LoadTime

Question

您如何使用Navigation Timing API或任何其他方法获取时间DomContentLoaded和时间？Load

基准测试接近如下所示的值（在 Firefox 的网络选项卡的控制台中）

我已经尝试过使用

window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart 对于 DOMContentLoaded，以及

window.performance.timing.loadEnd - window.performance.timing.navigationStart对于加载时间，

但他们没有正确测量时间。

编辑：正如我发现的（并在下面回答），这是一个 Firefox 特定的问题 - Chrome 给出的误差范围约为 5-10 毫秒，这是合理的。

Answer 1

没关系，这是 Firefox 特有的问题。当我跑

1. window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart对于domLoadTime, 和
2. window.performance.timing.loadEventEnd - window.performance.timing.navigationStart为了loadTime

在 Chrome 上，我与控制台上报告的时间相差约 5-10 毫秒。

在 Firefox 上，差异约为 50-80 毫秒。

这个很棒的 Chrome 扩展帮助我调试了这个问题。