HTML5導航計時API具有動態內容

Question

我想知道如果動態內容對像loadEnd等。例如，我有條件地變化「SRC」在我的代碼的圖像的屬性使用jquery的定時值的任何影響，負荷後這一頁。這是如何處理的？我試圖在加載圖像之前和之後檢查值來測試它，它看起來不像加載這個圖像後的值發生變化。 這是否意味着導航計時API不包含動態內容加載？

Answer 1

一旦文檔的load事件打響了loadEventEndNavigationTiming屬性的值設置並返回：

loadEventEnd屬性

此屬性必須返回時當前文檔的負荷事件完成。當加載事件未被觸發或未完成時，它必須返回零。

從你的陳述：

...我有條件變 'SRC' 在我的代碼圖像的使用jQuery，加載頁面後的屬性...

聽起來您正在更改src屬性，無論是在主體的load事件發起期間還是之後。由於load事件僅在頁面上觸發一次，因此一旦設置爲非零值，window.performance.timing.loadEventEnd屬性將永遠不會更改。所以它不會反映下載新的img src所花費的額外時間。

如果您想包含下載更改src的附加圖像所需的時間，可以勾選該圖像的load事件。一旦該事件觸發，請將Date.now()與navigationStart而不是loadEventEnd進行比較，以獲取總頁面加載時間。