瞭解導航計時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

好的，找到答案here。

PerformanceTiming.navigationStart只讀屬性返回一個無符號long long，表示自UNIX曆元開始以毫秒爲單位的無符號long long，緊接在卸載提示在同一瀏覽上下文中的上一個文檔上終止之後。 如果沒有以前的文檔，該值將與PerformanceTiming.fetchStart相同。

PerformanceTiming.fetchStart只讀屬性返回一個無符號long long，表示自UNIX曆元以來以毫秒爲單位的時間，瀏覽器已準備好使用HTTP請求獲取文檔。這一刻在檢查任何應用程序緩存之前。