一張瀏覽器加載時序圖。以後有時間再分析


navigationStart

當訪問一個新頁面時,當前頁面卸載完成所返回的時間點,如果沒有當前頁面,則返回fetchStart時間點。

unloadEventEnd

如果要打開的頁面和當前的頁面同源,則返回用戶unload事件執行完成後的時間點,如果當前文檔不存在或者不同源,則返回0

redirectStart

如果是HTTP重定向,如果跳轉都是同源的,則返回開始獲取發起重定向的時間點,否則返回0

redirectEnd

如果是同源重定向,返回重定向請求接收完最後一字節的時間點,否則返回0

fetchStart

如果請求是用http get發起的,返回瀏覽器查緩存之前的時間點,否則返回發起獲取資源的時間點

domainLookupStart

返回瀏覽器發起DNS查詢的時間點,如果是長連接或者請求文件來自緩存等本地存儲則返回fetchStart時間點

domainLookupEnd

返回結束DNS查詢的時間點,如果是長連接或者請求文件來自緩存等本地存儲則返回fetchStart時間點

connectStart

返回瀏覽器向服務器發起建立獲取當前文檔的連接請求的時間點,

如果是長連接或者請求文件來自緩存等本地存儲則返回domainLookupEnd時間點

connectEnd

返回與服務器建立完成連接的時間點,

如果是長連接或者請求文件來自緩存等本地存儲則返回domainLookupEnd時間點

requestStart

返回瀏覽器發起請求的時間,不管是向server還是本地緩存或存儲

responseStart

返回瀏覽器拿到第一個響應字節的時間點,包括從服務器、緩存或者其他本地存儲

responseEnd

返回瀏覽器拿到最後一個響應字節或者傳輸連接關閉的時間點,包括從服務器、緩存或者其他本地存儲

domLoading

返回瀏覽器將當前文檔狀態設置成loading的時間點

domInteractive

返回瀏覽器將當前文檔狀態設置成interactive的時間點

domContentLoadedEventStart

返回瀏覽器觸發DOMContentLoaded事件執行之前的時間點

domContentLoadedEventEnd

返回瀏覽器觸發DOMContentLoaded事件執行完成的時間點

domComplete

返回瀏覽器將當前文檔狀態設置成complete的時間點

loadEventStart

返回瀏覽器觸發load事件執行之前的時間點,否則爲0

loadEventEnd

返回瀏覽器觸發load事件執行完成的時間點

 


發佈了24 篇原創文章 · 獲贊 4 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章