新聞小天地

實用的網頁速度檢測工具 （下）  返回台灣經貿網

上回已介紹過Google提供的Google PageSpeed，透過速度測試工具，能夠很快速清楚的知道拖慢網頁載入速度的問題在哪！

但如果你的網站有很多不同國家的訪客，希望能針對不同地區的訪客連線速度進行簡單的測試與調查。或是想了解網頁每個環節載入的速度狀況，我們這邊介紹另外一個網頁速度檢測工具WebPageTest。

WebPageTest (進階版)

http://www.webpagetest.org/

進階網頁速度測試工具。除了能夠選擇遠端測試的地區，更提供了非常詳細的頁面載入時間軸圖表。

而想了解WebPageTest所提供的數據，必須對網頁程式有一定的了解。

• 進入http://www.webpagetest.org/  

等待幾秒鐘就會得到結果

測試結果出現，可點選查看更多細部的檢測報告

• 我們可以從Summary中快速看到目前網頁的測試數據

以此範例網站第一載入時間為4.810秒，而開始渲染時間為2.016秒 (在這時間之前，使用者看到的畫面為空白頁面)，到整個網站完全載入時間為 16.678秒 (包含觸發javascript等動作)。

• 也可先從右上方幾個指標查看目前網站速度達到的品質

• 第一載入時間
• 與伺服器是否保持連接
• 有沒有使用壓縮功能
• 有沒有使用圖片的壓縮
• 瀏覽器緩存靜態內容快取
• 有沒有使用CDN

• 而點選後可看到詳細的資訊解說如下：

• 而透過圖表，我們可以看出載入網頁內容的前後順序。從這邊可看出前半段載入許多，如text/css、application/javascript、image/png，也可看出每個載入的時間。

WebPageTest 為目前速度檢測工具中，資料最為詳細的一款，他可以列出網站上每一個環節中CSS、Javascript、圖片的下載速度，而更重要的是這個工具也是Google官方認可的測試工具。

返回台灣經貿網