以chrome為例，開發者模式中跟頁面載入時間相關的是network面板。
當頁面的初始的標記被解析完成時，會觸發domcontentloaded，它在network面板上的兩個位置顯示：
當頁面完全載入時觸發load事件，它顯示在三個地方：
點選timing選項卡可以檢視單個資源的請求生命週期的明細分類。
所有網路請求都被視為資源，當它們通過網路檢索時，分為不同的生命週期。
乙個完整請求生命週期的主要階段如下
dnstcp
request 請求
response 響應
timing面板資訊詳解
stalled/blocking 停止/阻塞
proxy negotiation **協商
dns lookup dns查詢
initial connection/connecting 初始連線/連線
sslrequest sent/sending 請求已經傳送/正在傳送
waiting（ttfb） 等待
排隊或者阻塞：很多個請求佇列被阻塞。這表示單個客戶端檢索的資源太多。在http 1.0/1.1連線協議中，chrome限制每個網域名稱最多執行6個tcp連線。
接收到第乙個位元組的時間很慢：很多綠色。
載入緩慢：很多藍色。
參考：
JQuery 頁面載入時觸發ready 事件
從現在開始進入jquery的事件和應用了！好了，言歸正傳！ready 類似於onload 但ready 只要頁面的dom結構 文件結構 載入後便觸發！不包括等非文字 檔案.onload 需要頁面的全部元素載入完後才觸發！ready 的使用方式有以下幾種.法一 document ready funct...
如何判斷HTML頁面載入完成
dom構建完成，不包含 樣式和其它框架，也就是我們常說的domcontentloaded事件。頁面依賴的所有資源記載完成，也就是我們常說的window.onload事件。監聽document的onreadystatechange,判斷readystatedocument.onreadystatech...
如何判斷頁面是否載入完成？
方式一 window.onload window.onload function 方式二 document ready document ready function 注意 頁面載入完成有兩種事件，一是ready，表示文件結構已經載入完成 不包含等非文字 檔案 二是onload，指示頁 面包含等檔案...