參考鏈接:谷歌瀏覽器開發文檔-需科學上網
請求生命週期的主要階段:
對應圖的解釋:
MDN PerformanceTiming
可使用下面查看:
performance.getEntriesByType(‘resource’).filter(item => item.name.includes(“css”))
谷歌面板說明
- Queuing
- 請求優先級
- 請求被擱置以等待即將釋放的不可用TCP套接字。
- 請求被擱置,因爲瀏覽器在HTTP 1上每個源上只允許六個TCP連接。
- 創建磁盤緩存項所花的時間(通常非常快)
- Stalled/Blocking
- 在請求能夠被發出去前的等等時間。包含了用於處理代理的時間。
- Proxy Negotiation
- 處理代理的時間。
- DNS Lookup
- 查找DNS的時間。
- Initial Connection / Connecting
- 用於建立鏈接的時間,包括TCP握手及多次嘗試握手,還有處理SSL。
- SSL
- 完成SSL握手的時間。
- Request Sent / Sending
- 發起請求的時間,通常小到可以忽略。
- Waiting (TTFB)
- 等待響應的時間,具體來說是等待返回首個字節的時間。包含了與服務器之間一個來回響應的時間和等待首個字節被返回的時間。
- Content Download / Downloading
- 用於下載響應的時間