Chrome Devtools之Networks

CoorChice 發布于2019-08-22 11:02 / 2431人閱讀

摘要：指瀏覽器得到要發出這個請求的指令，到請求可以發出的等待時間。建立連接的時間，包括和請求與響應的時間。受響應消息內容大小，網絡帶寬，是否使用壓縮等影響。

Timeline各指標說明

摘自 http://www.cnblogs.com/starof/p/5481935.html
參考 https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing

Connection Setup：建立與服務器的連接。具體包括Queueing和Stalled...。

Queueing：不是太清楚，好像是在本地防火墻的等待時間，或者是某些插件攔截時間。

Stalled：網絡延時。指瀏覽器得到要發出這個請求的指令，到請求可以發出的等待時間。一般是代理協商、以及等待可復用的TCP連接釋放的時間，不包括DNS查詢、建立TCP連接時間等。

Proxy Negotiation:與代理服務器的連接時間。

DNS LookUp：表示DNS查詢時間，如果第一次訪問的是域名就需要查找，IP地址的話不需要，上圖中沒有這個參數，說明本地緩存了域名服務器的IP，瀏覽器不需要查詢，直接通過IP請求服務器。

Initail Connection：建立連接的時間，包括 TCP handshakes/retries和negotiating a SSL.

Request/Response：請求與響應的時間。具體包括Request Sent，Waiting,Content Download

Request sent:發送HTTP請求到服務器的時間，即上傳時間，這個時間取決于發送請求的數據量的大小。

Waiting(TTFB)：發送請求后收到響應的第一個字節所花費的時間，TTFB(time to first bytes)；這是服務器優化的重要指標，服務器優化的目的就是減少這個時間。

Content Download：從服務器獲取響應數據的時間，下載時間，即上面的Time減去Latency的時間，這是反應帶寬的重要指標。受響應消息內容大小，網絡帶寬，是否使用http壓縮等影響。

兩條指標線說明

DOMContentLoaded事件要在window.onload之前執行，DOM樹構建完成時執行DOMContentLoaded事件，瀏覽器解析dom樹已經完成，可以監聽該事件查找某些元素；jquery的$(document) .ready()就是用的DOMContentLoaded事件。

window.onload是在頁面載入完成時才執行，包括圖片等加載完成。

GPU云服務器云服務器 Chrome DevTools chrome-devtools DevTools Networks

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91667.html

Chrome Devtools之Networks

摘要：指瀏覽器得到要發出這個請求的指令，到請求可以發出的等待時間。建立連接的時間，包括和請求與響應的時間。受響應消息內容大小，網絡帶寬，是否使用壓縮等影響。 Timeline各指標說明摘自 http://www.cnblogs.com/starof/p/5481935.html 參考 https://developers.google.com/web/tools/chrome-devto...

neroneroffy 2019-08-01 16:04 評論0 收藏0
Web App、Hybrid App開發之chrome-devtools調試

摘要：在開發時，當然少不了調試呀。把安卓手機打開調試模式不知道在哪呀，趕緊百度，然后用連接上電腦，再打開瀏覽器，在平時我們輸入網站域名的地方，輸入以下字母代碼。今天我們來聊聊APP開發，現在呀，人手都一部手機以上，就連7、8歲的孩子都自帶一臺手機了，手機給我們的手機帶上了多大的改變呀。先扯點數據哈，2016年4月，在移動互聯網上，平均每個用戶每日花費時間為200分鐘。中國有3個互聯網巨頭...

ernest.wang 2019-08-02 15:55 評論0 收藏0
Web App、Hybrid App開發之chrome-devtools調試

摘要：在開發時，當然少不了調試呀。把安卓手機打開調試模式不知道在哪呀，趕緊百度，然后用連接上電腦，再打開瀏覽器，在平時我們輸入網站域名的地方，輸入以下字母代碼。今天我們來聊聊APP開發，現在呀，人手都一部手機以上，就連7、8歲的孩子都自帶一臺手機了，手機給我們的手機帶上了多大的改變呀。先扯點數據哈，2016年4月，在移動互聯網上，平均每個用戶每日花費時間為200分鐘。中國有3個互聯網巨頭...

qieangel2013 2019-08-19 18:25 評論0 收藏0