摘要:Fiddler Stream Mode
有時候筆者會觀察整個 網頁的瀑布圖 , 以便觀察網頁的效能是耗損在哪個環節 ,
而 Fiddler 這個工具提供了相當不錯的瀑布圖 ,
不過在使用這個功能之前 , 請先開啟 Stream Mode , 若不使用 Stream Mode 觀察 ,
其瀑布圖會較不精確 , 以下是官網對於 Stream Mode 的解釋 :
Streaming mode ensures that HTTP responses are not buffered by Fiddler. Buffering alters the waterfall diagram, as you can see below, where none of the images begin to download until their containing page completes. Learn more.
開啟 Stream Mode , 如下圖 :
此網址也有開啟 Stream Mode 以及不開啟的瀑布圖比較
在裡面你會看到許多顏色以及圖示 , 解釋如下 :
- 在每個柱圖前都會有小圈圈 , 其代表 TCP Connection 的重複使用(綠圈圈) 或是新建的Connection (紅圈圈)
- 在柱圖後面的紅色叉叉表示 Server 傳來一個 Connection Close 的標頭 , 避免隨後的請求使用這個 Connection
- 柱圖的顏色代表請求的種類 , 淡綠色代表圖片 , 深綠色代表 Javascript , 粉紅色的 Css 等
