Google PageSpeed Insights 提供網站速度測試/優化最佳建議

Google 在搜尋上非常注重使用者的體驗,其中有一環就是網站速度,網站速度相對的也會影響網站的搜尋排名SEO,如何最佳化網站速度,Google提供了「Google PageSpeed Insights」這項工具,幫助使用者進行網站速度優化的建議與評分,讓使用者有一個方向與依據修正自己網站缺失的地方,進而讓使用者體驗更好、網站速度載入更快。

雖然現在大家的手機、電腦的網路速度越來越快,4G行動網路、光纖上網環境,不過仍有些人的網路速度還是處於比較慢的狀況,可能因為地區或者是網路環境、設備影響,雖然網路速度再快,但是網站如果載入慢對於使用者體驗也是不佳,現在網站如果多等個幾秒,使用者可能就會把網頁關閉了,如何在第一時間讓使用者有最佳的體驗,趕快透過「Google PageSpeed Insights」來檢視自己的網站。

Google PageSpeed Insights 最早是以「Google Page Speed」現身,歷經幾次的改版正式變成現在的PageSpeed Insights服務。同時這個服務也提供電腦版、行動版(手機版)的檢測,經過健檢後的網站,會羅列出所有可以修改的建議項目,希望站長們可以根據報表進而修正網站,讓網站做到最佳化的設定,提升網站連線速度與網頁品質、搜尋SEO排名,強化網頁的成效讓使用者體驗更棒。

Google PageSpeed Insights 提供網站速度測試/優化最佳建議

透過機器偵測出來的結果,基本上也是運用Google機器人去做爬與偵測,因此評斷的數據據有一定的參考價值。只不過,上面羅列出需要修改的項目對於多數使用者來說可能覺得模糊看不懂,因為大部分出問題的很多都是外部載入的元件,比方說Facebook粉絲團、Facebook留言等等,這些是來自外部的服務,我們無法去改變他,所以也成為網站速度慢無法修復的原因,唯一解決方式就是撤除。

在檢查報告中,Google會分析網站的兩大重點,分別為「速度」、「使用者體驗」。兩者個會給予一個分數,來評斷您的網站好壞。如果你覺得他測速的評分你還是不清楚,其實可以搭配「Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)」的服務來做個比較。至於行動裝置優化部分,也可以搭配「Google 行動裝置相容檢測 」來洞察您的網站。

第1步  首先來到Google Developers 中的 PageSpeed Insights服務,先輸入您要檢查的網站網址並且點﹝分析﹞。

Google PageSpeed Insights 提供網站速度測試/優化最佳建議

第2步  很快的網站會被檢查出來,您可以查看「行動版」和「電腦版」的部分,大部分應該都是Javascript和CSS沒有做好正確優化。通常發生的狀況都在於網站使用太多的外掛,各自的外掛載入自己所屬的CSS和JS導致於請求連線數過多,效能太差。

Google PageSpeed Insights 提供網站速度測試/優化最佳建議

第3步  電腦版也有分數的評比,也是發生在Javascript和CSS的部分。您可以點選每一項項目下的「顯示修正問題的做法」做為參考,不過對多數人來說他講的都是天書。

Google PageSpeed Insights 提供網站速度測試/優化最佳建議

這個PageSpeed Insights工具可以做為網站精進程式的一個參考,要達成到百分百應該是有一定的難度,不過至少可以作為網站優化的一個參考與挑戰。速度的快慢除了用工具檢查之外,另外建議搭配實際網頁開啟速度檢查,如果錯誤項目你已經修正到極致,但是分數還是很低,但是開網頁卻順暢,那你不一定躍居佞於分數的調整,站長需要在分數與實際體驗中取一個平衡即可。如果想要挑戰這類檢測,不妨也透過「CSS3 Validator」修正你的CSS和「HTML5 Validator」修正HTML吧!