1. 程式人生 > >chrome瀏覽器Network面板請求Timing分析

chrome瀏覽器Network面板請求Timing分析

提高 其他 建立連接 request expire 也會 樣式表 地址 線路

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分析