Chrome Network 下邊欄中 Finish 的含義

Rocer發表於2018-12-25

轉自:segmentfault.com/q/101000001…

Chrome Network 下邊欄中 Finish 的含義
下邊欄中的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 並無直接關係。

相關文章