了解导航计时API

时间:2017-05-15 05:22:48

标签: performance browser navigation-timing-api

我试图绕过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);
}

在上面的例子中,如果我只是打开一个浏览器并运行这三行,我将得到一个非零数字。如果没有实际导航,我希望它为0,所以看起来我不明白它是如何工作的。

如果我想知道加载DOM需要多长时间,我将如何使用此API?如果我导航到某个页面然后执行:

performance.timing.navigationStart;

这个号码到底是什么?这是最后加载的页面吗?

1 个答案:

答案 0 :(得分:0)

好的,找到了答案here

PerformanceTiming.navigationStart只读属性返回一个无符号的long long,表示自UNIX时期以来的几毫秒内,在同一浏览上下文中的上一个文档的卸载提示终止之后。 如果没有以前的文档,则此值将与 PerformanceTiming.fetchStart相同。

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