網站測試工具 - HttpWatch 評估瀏覽下載所花的時間在那

這一個類似 firefox 的 firebug 工具,用來看清瀏覽一個網站時,到底傳了那些東西來回,

也可以借此評估網站慢是不是因為網站某個連線失效了,或其它原因等等。

http://www.httpwatch.com/

它有免費版 (HttpWatch Basic Edition),適用在 IE 與 Firefox


下載 http://www.httpwatch.com/download/

怎麼開始使用,只要點選它的 Record 就可以了,

attachments/201003/0034834163.png

不過如果你沒按 Stop ,它可是會一直錄下去的。

錄下來的資訊怎麼看

attachments/201003/8244881958.png

(1) 第一個區塊代表這個頁面load了多少東西,作了9 request,共花 1.132秒、我的瀏覽器送了 7317bytes 給server、從 server 下載了 14445 bytes

(2) 這個區塊不同的是它是黃色的,代表它是使用了 AJAX 或 javascript 等所載入的頁面

(3) 縮排

(4) 代表是這個 request 本身不在網站本身而是瀏覽器會去抓 favicon.ico 圖示


再來那一排一排的顏色又是什麼,來表示這一個 request 時所花的時間在那

attachments/201003/9268466256.png 前置處理

attachments/201003/0020364301.png 查詢 DNS,解析這個url是什麼 IP

attachments/201003/8751719489.png 一開始的溝通建立

attachments/201003/2197826882.png 送 request 給 server

attachments/201003/3942120827.png 等 server 回應

attachments/201003/1303914629.png 接收資料

attachments/201003/0429543140.png 瀏覽器讀取本身的 cache

標籤: 網站測試
評論: 0 | 引用: 0 | 閱讀: 1319 | 列印 | 文件 | 轉發

發表評論
暱 稱: 密 碼:
網 址: E - mail:
驗證碼: 驗證碼圖片 選 項:
頭 像:
內 容:
  • 粗體
  • 斜體
  • 底線
  • 插入圖片
  • 超連結
  • 電子郵件
  • 插入引用
  • 表情符號