網站優化新趨勢2-進階網頁測試速度工具介紹

網站優化新趨勢2
進階網頁測試速度工具介紹  返回台灣經貿網

上回已介紹過Google提供的Google PageSpeed,透過速度測試工具,能夠很快速清楚的知道拖慢網頁載入速度的問題在哪! ( (五)網站優化新趨勢(一) )  


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


WebPageTest (進階版)
進階網頁速度測試工具。除了能夠選擇遠端測試的地區,更提供了非常詳細的頁面載入時間軸圖表。
而想了解WebPageTest所提供的數據,必須對網頁程式有一定的了解。



於下方輸入要查詢的網頁網址,選擇要測試的區域及瀏覽器,按下”START TEST”


n   等待幾秒鐘就會得到結果


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

n   我們可以從Summary中快速看到目前網頁的測試數據,包含:
第一載入時間、重複瀏覽時間、完全載入時間、開始渲染時間等等。

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

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


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

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



n   而透過圖表,我們可以看出載入網頁內容的前後順序。從這邊可看出前半段載入許多,如text/cssapplication/javascriptimage/png,也可看出每個載入的時間。
了解每個環節載入的狀況,再來改善提升網頁速度。



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




返回台灣經貿網

撰文者 愛點科技