chrome瀏覽器Network面板請求Timing分析
Timing顯示資源在整個請求生命周期過程中各部分話費的時間。
Queueing
排隊的時間花費。肯能由於該請求被渲染引擎認為是優先級比較低的資源(圖片)、服務器不可用、超過瀏覽器並發請求的最大連接數(Chrome的最大並發連接數是6)
Stalled(阻塞)
瀏覽器對同一個主機域名的並發連接數有限制,因此如果當前的連接數已經超過上限,那麽其余請求就會被阻塞,等待新的可用連接;此外腳本也會阻塞其他組件的下載;
優化措施:
1、將資源合理分布到多臺主機上,可以提高並發數,但是增加並行下載數量也會增大開銷,這取決於帶寬和CPU速度,過多的並行下載會降低性能;
2、腳本置於頁面底部;
Proxy negotiation
與代理服務器連接的時間花費
DNS Lookup(域名解析)
請求某域名下的資源,瀏覽器需要先通過DNS解析器得到該域名服務器的IP地址。在DNS查找完成之前,瀏覽器不能從主機名那裏下載到任何東西。
優化措施:
1、利用DNS緩存(設置TTL時間);
2、利用Connection:keep-alive特性建立持久連接,可以在當前連接上進行多個請求,無需再進行域名解析;
Initial connection(初始化連接)
TCP建立連接的三次握手時間
Request sent(發送請求)
發送HTTP請求的時間(從第一個bit到最後一個bit)
優化措施:
1、減少HTTP請求,可以使用CSS Sprites、內聯圖片、合並腳本和樣式表等;
2、對不常變化的組件添加長久的Expires頭(相當於設置久遠的過期時間),在後續的頁面瀏覽中可以避免不必要的HTTP請求;
Waiting(TTFB)(等待響應)
通常是耗費時間最長的。從發送請求到收到服務器響應的第一字節之間的時間,受到線路、服務器距離等因素的影響
優化措施:
使用CDN,將用戶的訪問指向距離最近的工作正常的緩存服務器上,由緩存服務器直接響應用戶請求,提高響應速度;
Content Download(下載)
chrome瀏覽器Network面板請求Timing分析