【轉】chrome瀏覽器F12 Network中Timing參數含義


前言

Chrome瀏覽器開發者工具Network窗口下,Timing中顯示資源在整個請求生命周期過程中各部分花費的時間。

Timing各參數截圖如下:
在這里插入圖片描述

參數具體含義:

    • Queueing:請求文件順序的排序。瀏覽器是有線程限制的,發請求也不能所有的請求同時發送,會將請求加入隊列中(Chrome的最大並發連接數是6)。此參數表示從添加到待處理隊列,到實際開始處理的時間間隔標示。

    • Stalled(阻塞):瀏覽器得到要發出這個請求的指令,到請求可以發出的等待時間,一般是代理協商、以及等待可復用的TCP連接釋放的時間,不包括DNS查詢、建立TCP連接等時間等。瀏覽器對同一個主機域名的並發連接數有限制,因此如果當前的連接數已經超過上限,那么其余請求就會被阻塞,等待新的可用連接;此外腳本也會阻塞其他組件的下載;

      優化措施:
      1、將資源合理分布到多台主機上,可以提高並發數,但是增加並行下載數量也會增大開銷,這取決於帶寬和CPU速度,過多的並行下載會降低性能;
      2、腳本置於頁面底部;

    • DNS Lookup:請求某域名下的資源,瀏覽器需要先通過DNS解析器得到該域名服務器的IP地址。在DNS查找完成之前,瀏覽器不能從主機名那里下載到任何東西。DNS查詢的時間,當本地DNS緩存沒有的時候,這個時間可能是有一段長度的,但是比如你一旦在host中設置了DNS,或者第二次訪問,由於瀏覽器的DNS緩存還在,這個時間就為0了。

      優化措施:
      1、利用DNS緩存(設置TTL時間);
      2、利用Connection:keep-alive特性建立持久連接,可以在當前連接上進行多個請求,無需再進行域名解析;

    • Initial connection:建立TCP連接的時間,就相當於客戶端從發請求開始到TCP握手結束這一段,包括DNS查詢+Proxy時間+TCP握手時間。

    • SSL(包含於HTTPS連接中):http是超文本傳輸協議,以明文方式發送內容,不提供任何方式的數據加密,如果被不法分子截取瀏覽器和服務器之間的傳輸報文,會獲取其中的信息。
      https 是安全套接字層超文本傳輸協議,就是在HTTP的基礎上加入了SSL協議,SSL依靠證書來驗證服務器的身份,並為瀏覽器和服務器之間的通信加密。
      因此建立HTTPS連接的時間相當於三次握手的時間+SSL時間。

    • Request sent(發送請求):發送HTTP請求的時間(從第一個字節發出前到最后一個字節發出后的時間)

      優化措施:
      1、減少HTTP請求,可以使用CSS Sprites、內聯圖片、合並腳本和樣式表等;
      2、對不常變化的組件添加長久的Expires頭(相當於設置久遠的過期時間),在后續的頁面瀏覽中可以避免不必要的HTTP請求;

    • Waiting(TTFB) :請求發出后,到收到響應的第一個字節所花費的時間(Time To First Byte),發送請求完畢到接收請求開始的時間;通常是耗費時間最長的。從發送請求到收到服務器響應的第一字節之間的時間,受到線路、服務器距離等因素的影響。
      注意:網頁重定向越多,TTFB越高,所以要減少重定向

      優化措施:
      使用CDN,將用戶的訪問指向距離最近的工作正常的緩存服務器上,由緩存服務器直接響應用戶請求,提高響應速度;

    • Content Download(下載):收到響應的第一個字節,到接受完最后一個字節的時間,就是下載時間。

      優化措施:
      1、通過條件Get請求,對比If-Modified-Since和Last-Modified時間,確定是否使用緩存中的組件,服務器會返回“304 Not Modified”狀態碼,減小響應的大小;
      2、移除重復腳本,精簡和壓縮代碼,如借助自動化構建工具grunt、gulp等;
      3、壓縮響應內容,服務器端啟用gzip壓縮,可以減少下載時間;

from:https://blog.csdn.net/lhz_333/article/details/93544313


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM