打開chrome控制台network部分刷新頁面，可以看到瀏覽器記錄的網絡資源加載時間，可以用於評估網頁性能。
DOMContentLoaded 和 Load 和 Finish的含義和區別
- DOMContentLoaded 和 Load
DOMContentLoaded：DOM樹構建完成。 即HTML頁面由上向下解析HTML結構到末尾封閉標簽，即頁面白屏時間
Load：頁面加載完畢。 DOM樹構建完成后，繼續加載html/css 中的圖片資源等外部資源，加載完成后視為頁面加載完畢。
DOMContentLoaded 會比 Load 時間小，兩者時間差大致等於外部資源加載的時間。
- Finish
Finish： 是頁面上所有 http 請求發送到響應完成的時間，如果頁面加載完成后，觸發了ajax請求，那么該時間會變更。 HTTP1.0/1.1 協議限定，單個域名的請求並發量是 6 個，即 Finish 是所有請求（不只是XHR請求，還包括DOC，img，js，css等資源的請求）在並發量為6的限制下完成的時間。
Finish 的時間比 Load 大，意味着頁面有相當部分的請求量，
Finish 的時間比 Load 小，意味着頁面請求量很少，如果頁面是只有一個 html文檔請求的靜態頁面，Finish時間基本就等於HTML文檔請求的時間。
頁面發送請求和頁面解析文檔結構，分屬兩個不同的線程，
所以 Finish 時間與DOMContentLoaded 和 Load 並無直接關系。
當頁面的初始的標記被解析完成時，會觸發DOMCententLoaded,
- 在
Overview窗格中的藍色垂直線表示這個事件 - 在
Summary窗格中，可以查看這個事件的確切耗時。
當頁面完全加載時觸發Load事件，
- 在
Overview窗格的紅色垂直線表示這個事件。 - 在
Request Table中的紅色垂直線也表示這個事件。 - 在
Summary中，可以查看該事件的確切時間。
查看網絡時序
點擊Timing選項卡可以查看單個資源的請求生命周期的明細分類。
