介紹:
1848年 – 大師開爾文 Lord Kelvin 有說過一句經典名言 – 如果你無法評估、那你將無法改進。這句話也適用於網頁載入的評估。
網頁載入的速度影響的層面很廣，本次架站101將帶大家使用專家常用的三個網頁載入評估工具。讓自己清楚地明白網頁載入速度為什麼上不來，卡在哪個環節，知道才能改進，才可以使載入效率變高、網站使用經驗User Experience 變好。
本文包含以下
- 一、Google Page Speed Insights
- 二、Pingdom Website Speed Test
- 三、 使用瀏覽器內建檢查工具，檢查網頁資源載入速度
開始:
一、Google Page Speed Insights
這是Google官方提供認可的載入速度分析工具，分析時會分成桌面與行動裝置來評比。
https://developers.google.com/speed/pagespeed/insights/?hl=zh-TW
下面我們以蘋果日報首頁為例子，大型網站的評分其實都不高，因為有很多廣告插件及第三方工具等要掛載，但他們首頁主要顯示的物件載入速度都不慢。
可以點選左邊的分頁按鈕切換成桌面板與行動版，各自檢查評分。
二、Pingdom Website Speed Test
Pingdom也是相當老牌的線上網頁速度評估工具，與Google有個相當大的不同點在於，它可以切換不同的上網地點來做評估。非常適合做國際生意的人，若你的網站是國際網站，一定要試試看這樣的工具。
將Test From 切換成你網站TA (Target Audience) 的所在地
我們再次以蘋果日報為例，本次評估站點我選擇東京Tokyo，掃描評估結果如下。
以上可以看到，抓出來的項目非常的細。可以給開發者很好的參考依據。
三、使用瀏覽器內建檢查工具，檢查網頁資源載入速度
這樣的工具每個瀏覽器都有，這邊以Firefox為例，在網頁的任一個地方，點擊滑鼠右鍵，會跳出下面的圖。
選擇 檢查元素 ；若是 Microsoft Edge 或 Google Chrome則稱為 檢查
接著瀏覽器的下方會跳出一個看起來很工程的視窗，照著下圖操作。
- 1.點網路
- 2.點全部資源
- 3.按下F5或點Reload的Icon
- 4.檢查載入時間過長的物件
結論:
根據80-20法則，透過這三個網頁速度評估工具就能大概掃出8-9成的問題，但有些項目雖然看起來載入時間很長，但其實它在背景執行，所以並沒有造成使用經驗變差。嚴格的針對這三個工具來校調你的網頁，一定能得到不錯的成果。
是故優化網頁載入速度的手法，不是唯一一種方法，也不是把極端的想把東西都變得很小、很快就能解決。很多時候更重要的是 – 順序，正確的載入順序，提交給終端瀏覽使用者的資訊；站在使用者的角度，把正確的訊息在正確的裝置上，按照最好的順序提交；最後把網頁渲染出來。 簡單說，只有最適合的優化方式；無法每個東西都變成最快、最小、最好。
當然優化又是另一個學問了，如本篇文章一開頭所說，先能評估；才能改進。
下次有機會再跟大家分享，關於網頁速度優化的知識。