performance - 了解导航计时 API

Question

我试图了解Navigation Timing API。当我看下面的例子时：

function onLoad() { 
  var now = new Date().getTime();
  var page_load_time = now - performance.timing.navigationStart;
  console.log("User-perceived page loading time: " + page_load_time);
}

在上述情况下，如果我只是打开浏览器并运行这 3 行，我会得到一个非零数字。如果实际上没有导航，我希望它为 0，所以看起来我不明白它是如何工作的。

如果我想知道加载 DOM 需要多长时间，我将如何使用这个 API。如果我导航到一个页面然后执行：

performance.timing.navigationStart;

我要得到的这个数字是多少？这是最后加载的页面吗？

Answer 1

好的，在这里找到了答案。

PerformanceTiming.navigationStart只读属性返回一个 unsigned long long 表示时刻，从 UNIX 纪元开始，在卸载提示在相同浏览上下文中的前一个文档上终止后立即。如果没有以前的文档，该值将与 相同 PerformanceTiming.fetchStart。

只读PerformanceTiming.fetchStart属性返回一个 unsigned long long 表示时刻，以 UNIX 纪元以来的毫秒数为单位，浏览器已准备好使用 HTTP 请求获取文档。这个时刻是在检查任何应用程序缓存之前。