Chrome瀏覽器Network面板http請求時間分析

Chrome瀏覽器開發者工具Network窗口下，能夠查看下載各組件所需的具體時間

根據上表進行簡要分析——

Stalled（阻塞）

　　瀏覽器對同一個主機域名的併發鏈接數有限制，所以若是當前的鏈接數已經超過上限，那麼其他請求就會被阻塞，等待新的可用鏈接；此外腳本也會阻塞其餘組件的下載；

　　優化措施：

　　一、將資源合理分佈到多臺主機上，能夠提升併發數，可是增長並行下載數量也會增大開銷，這取決於帶寬和CPU速度，過多的並行下載會下降性能；

　　二、腳本置於頁面底部；

 

DNS Lookup（域名解析）

　　請求某域名下的資源，瀏覽器須要先經過DNS解析器獲得該域名服務器的IP地址。在DNS查找完成以前，瀏覽器不能從主機名那裏下載到任何東西。

　　優化措施：

　　一、利用DNS緩存（設置TTL時間）；

　　二、利用Connection:keep-alive特性創建持久鏈接，能夠在當前鏈接上進行多個請求，無需再進行域名解析；

 

Initial connection（初始化鏈接）

　　TCP創建鏈接的三次握手時間

 

SSL（包含於HTTPS鏈接中）

　　http是超文本傳輸協議，以明文方式發送內容，不提供任何方式的數據加密，若是被不法分子截取瀏覽器和服務器之間的傳輸報文，會獲取其中的信息。

　　https 是安全套接字層超文本傳輸協議，就是在HTTP的基礎上加入了SSL協議，SSL依靠證書來驗證服務器的身份，併爲瀏覽器和服務器之間的通訊加密。

　　所以創建HTTPS鏈接的時間至關於三次握手的時間+SSL時間。

 

Request sent（發送請求）

　　發送HTTP請求的時間（從第一個bit到最後一個bit）

　　優化措施：

　　一、減小HTTP請求，可使用CSS Sprites、內聯圖片、合併腳本和樣式表等；

　　二、對不常變化的組件添加長久的Expires頭（至關於設置久遠的過時時間），在後續的頁面瀏覽中能夠避免沒必要要的HTTP請求；

 

Waiting（等待響應）

　　一般是耗費時間最長的。從發送請求到收到響應之間的空隙，會受到線路、服務器距離等因素的影響。

　　優化措施：

　　一、使用CDN，將用戶的訪問指向距離最近的工做正常的緩存服務器上，由緩存服務器直接響應用戶請求，提升響應速度；

 

Content Download（下載）

　　下載HTTP響應的時間（包含頭部和響應體）

　　優化措施：

　　一、經過條件Get請求，對比If-Modified-Since和Last-Modified時間，肯定是否使用緩存中的組件，服務器會返回「304 Not Modified」狀態碼，減少響應的大小；

　　二、移除重複腳本，精簡和壓縮代碼，如藉助自動化構建工具grunt、gulp等；

　　三、壓縮響應內容，服務器端啓用gzip壓縮，能夠減小下載時間；