網站速度優化－SEO Lighthouse工具

 網站的載入速度，除了直接對網站使用者體驗有很大的影響，對於SEO也會有影響。網頁的載入速度是Google作為搜尋排序的一個指標，換句話說，網頁的載入速度快慢，會影響到我們的網站排名。正因為網站速度的優化如此的重要，我們更不該忽視網站速度的優化。

 

說到網站速度的測試與優化，很多人首先會想到的是Google所提供的網頁測速工具(Page Speed Insights)，但常在使用的人，就會注意到網頁測速工具在最近一次的更新後，整合了新的數據進去，也就是我們本次文章的主角-燈塔工具(Lighthouse)的分析數據，燈塔工具的重要性可見一斑。

 

看到這邊，你可能會在想，究竟燈塔工具有多麼厲害，會讓Google認為它重要到應該整合進自己的工具當中？

今天就要來跟大家分享，連Google都不敢忽視的強大燈塔工具！

 

• 燈塔工具(Lighthouse)是什麼？有什麼用途？要如何使用？

燈塔工具(Lighthouse)是Google Chrome的擴充應用程式，是一個網路開發者(Web developer)工具，它的主要功能是針對網頁的性能(包含網頁載入速度)做分析，並產生分析報表，報表上會有該頁面各項數據、指標的表現，以及如何優化改善的建議。

 

對於要如何安裝燈塔工具，或是有任何使用上的疑問，您可以參考Google的這篇文章：使用 Lighthouse 審查網絡應用。

 

簡單來說，只要安裝Chrome瀏覽器後，點擊Lighthouse - Chrome 線上應用程式商店 - Google Chrome連結，就可以進到安裝的頁面。安裝完後您就可以在瀏覽器的右上方看到，燈塔工具的圖示(一個小燈塔)。​

 

圖片來源：Lighthouse - Chrome 線上應用程式商店 - Google Chrome

 

接著只要開啟我們想要分析的網頁，然後點擊那個圖示，並按下Generate Report，工具就會開始進行網頁的分析，並於分析完後，會跳出一個呈現分析報表的視窗，如下圖：

 

• 如何解讀報表，並根據分析結果的指標(數據)與建議改善網站速度與使用者體驗？

當產生完分析報表後，接下來我們要來解讀這份報表，並針對報表中網站的缺點，進行優化。

首先在解讀報表上，在最上方可以看到五個綜合評分指標，顯示該網頁在各個層面的分數表現，而下方後續的報表內容，則主要是針對各個指標做細部的說明，並提供改善的方向和建議。

而我們今天以網站速度優化為主，所以會優先來看與載入速度有關的表現(Performance)

從上圖，我們可以看到它展示了網站載入速度的各項指標表現。

而接著如下圖的Opportunities和Diagnostics區塊，則是針對如何優化提出建議方向和說明，以及顯示改善後預估能夠減少多少的載入時間。

例如第三點有提到可以使用合適的圖片大小，並預估能降低4.69秒的載入時間。進一步點開，就會顯示詳細的資訊，像是有哪些圖片大小是可以縮減的。

 

其實從上圖的分析當中，可以看到仍有許多可以優化的地方，能去改善網站的速度。

那接下來在那麼多的優化項目中，可以先針對能帶來較大改善，或操作起來較簡單的項目先執行，慢慢按部就班的改善網站速度，讓使用者有更好體驗。

 

另外，如果看英文的描述較不清楚的話，正如前面所述，Google已經將燈塔工具的上述效能、表現(Performance)的區塊，整合進它的網頁測速工具(Page Speed Insights)當中，測速工具有提供中文的介面，所以能夠協助我們掌握Lighthouse資料。要使用測速工具，只要點選上面的連結，在搜尋欄位輸入要分析的網站，就可以看到分析報告了。

最後，隨著Google將Lighthouse納入它的工具當中，我們可以推測Google對於Lighthouse中顯示的指標特別重視，所以瞭解Lighthouse，並針對它建議的方向進行優化，改善網站的速度，才能讓網站更受Google和使用者喜愛，同時帶動我們的排名蒸蒸日上。