chrome devtools 中 network 一欄中的 Finish 時(shí)間代表著什么？

DOMContentLoaded 和 Load

DOMContentLoaded 和 Load 分別對(duì)應(yīng) 頁(yè)面 DOMContentLoaded 和 Load 事件觸發(fā)的時(shí)間點(diǎn)，即：

DOMContentLoaded：DOM樹(shù)構(gòu)建完成。即HTML頁(yè)面由上向下解析HTML結(jié)構(gòu)到末尾封閉標(biāo)簽</html> 。

Load:頁(yè)面加載完畢。 DOM樹(shù)構(gòu)建完成后，繼續(xù)加載html/css 中的圖片資源等外部資源，加載完成后視為頁(yè)面加載完畢。

DOMContentLoaded 會(huì)比 Load 時(shí)間小，兩者時(shí)間差大致等于外部資源加載的時(shí)間。

Finish

Finish 時(shí)間與DOMContentLoaded 和 Load 并無(wú)直接關(guān)系。

Finish 時(shí)間是頁(yè)面上所有 http 請(qǐng)求發(fā)送到響應(yīng)完成的時(shí)間，HTTP1.0/1.1 協(xié)議限定，單個(gè)域名的請(qǐng)求并發(fā)量是 6 個(gè)，即Finish是所有請(qǐng)求（不只是XHR請(qǐng)求，還包括DOC，img，js，css等資源的請(qǐng)求）在并發(fā)量為6的限制下完成的時(shí)間。

Finish 的時(shí)間比 Load 大，意味著頁(yè)面有相當(dāng)部分的請(qǐng)求量，

Finish 的時(shí)間比 Load 小，意味著頁(yè)面請(qǐng)求量很少，如果頁(yè)面是只有一個(gè) html文檔請(qǐng)求的靜態(tài)頁(yè)面，Finish時(shí)間基本就等于HTML文檔請(qǐng)求的時(shí)間。（如下圖）

頁(yè)面發(fā)送請(qǐng)求和頁(yè)面解析文檔結(jié)構(gòu)，分屬兩個(gè)不同的線程，

所以 Finish 時(shí)間與DOMContentLoaded 和 Load 并無(wú)直接關(guān)系。

Finish 指網(wǎng)頁(yè)所有資源加載完成