上回已介紹過Google提供的Google PageSpeed,透過速度測試工具,能夠很快速清楚的知道拖慢網頁載入速度的問題在哪! ( (五)網站優化新趨勢(一) )
但如果你的網站有很多不同國家的訪客,希望能針對不同地區的訪客連線速度進行簡單的測試與調查。或是想了解網頁每個環節載入的速度狀況,我們這邊介紹另外一個網頁速度檢測工具WebPageTest。
WebPageTest (進階版)
進階網頁速度測試工具。除了能夠選擇遠端測試的地區,更提供了非常詳細的頁面載入時間軸圖表。
而想了解WebPageTest所提供的數據,必須對網頁程式有一定的了解。
於下方輸入要查詢的網頁網址,選擇要測試的區域及瀏覽器,按下”START TEST”
n
等待幾秒鐘就會得到結果
n
測試結果出現,可點選查看更多細部的檢測報告
n
我們可以從Summary中快速看到目前網頁的測試數據,包含:
第一載入時間、重複瀏覽時間、完全載入時間、開始渲染時間…等等。
以此範例網站第一載入時間為4.810秒,而開始渲染時間為2.016秒 (在這時間之前,使用者看到的畫面為空白頁面),到整個網站完全載入時間為 16.678秒 (包含觸發javascript等動作)。
n
也可先從右上方幾個指標查看目前網站速度達到的品質
ü
第一載入時間
ü
與伺服器是否保持連接
ü
有沒有使用壓縮功能
ü
有沒有使用圖片的壓縮
ü
瀏覽器緩存靜態內容快取
ü
有沒有使用CDN
n
而點選後可看到詳細的資訊解說如下:
n
而透過圖表,我們可以看出載入網頁內容的前後順序。從這邊可看出前半段載入許多,如text/css、application/javascript、image/png,也可看出每個載入的時間。
了解每個環節載入的狀況,再來改善提升網頁速度。
WebPageTest
為目前速度檢測工具中,資料最為詳細的一款,他可以列出網站上每一個環節中CSS、Javascript、圖片的下載速度,而更重要的是這個工具也是Google官方認可的測試工具。