Chrome Network 下邊欄中 Finish 的含義

轉自：segmentfault.com/q/101000001…

下邊欄中的DOMContentLoaded 和 Load已經很是熟悉。

DOMContentLoaded 和 Load 分別對應 頁面 DOMContentLoaded 和 Load 事件觸發的時間點。

DOMContentLoaded：

DOM樹構建完成。

即HTML頁面由上向下解析HTML結構到末尾封閉標籤 。

Load

頁面加載完畢。

DOM樹構建完成後，繼續加載html/css中的圖片資源等外部資源，加載完成後視爲頁面加載完畢。

其中，DOMContentLoaded 會比 Load 時間小，二者時間差大體等於外部資源加載的時間。

Finish

Finish 時間與DOMContentLoaded 和 Load 並沒有直接關係。

Finish 時間是頁面上全部 http 請求發送到響應完成的時間，HTTP1.0/1.1 協議限定，單個域名的請求併發量是 6 個，即Finish是全部請求（不僅是XHR請求，還包括DOC，img，js，css等資源的請求）在併發量爲6的限制下完成的時間。

Finish 的時間比 Load 大，意味着頁面有至關部分的請求量，

Finish 的時間比 Load 小，意味着頁面請求量不多，若是頁面是隻有一個 html文檔請求的靜態頁面，Finish時間基本就等於HTML文檔請求的時間。

頁面發送請求和頁面解析文檔結構，分屬兩個不一樣的線程，因此 Finish 時間與DOMContentLoaded 和 Load 並沒有直接關係。