網站的載入速度,除了直接對網站使用者體驗有很大的影響,對於SEO也會有影響。網頁的載入速度是Google作為搜尋排序的一個指標,換句話說,網頁的載入速度快慢,會影響到我們的網站排名。正因為網站速度的優化如此的重要,我們更不該忽視網站速度的優化。
說到網站速度的測試與優化,很多人首先會想到的是Google所提供的網頁測速工具(Page Speed Insights),但常在使用的人,就會注意到網頁測速工具在最近一次的更新後,整合了新的數據進去,也就是我們本次文章的主角-燈塔工具(Lighthouse)的分析數據,燈塔工具的重要性可見一斑。
看到這邊,你可能會在想,究竟燈塔工具有多麼厲害,會讓Google認為它重要到應該整合進自己的工具當中?
今天就要來跟大家分享,連Google都不敢忽視的強大燈塔工具!
燈塔工具(Lighthouse)是什麼?有什麼用途?要如何使用?
燈塔工具(Lighthouse)是Google Chrome的擴充應用程式,是一個網路開發者(Web developer)工具,它的主要功能是針對網頁的性能(包含網頁載入速度)做分析,並產生分析報表,報表上會有該頁面各項數據、指標的表現,以及如何優化改善的建議。
對於要如何安裝燈塔工具,或是有任何使用上的疑問,您可以參考Google的這篇文章:使用 Lighthouse 審查網絡應用。
簡單來說,只要安裝Chrome瀏覽器後,點擊Lighthouse - Chrome 線上應用程式商店 - Google Chrome連結,就可以進到安裝的頁面。安裝完後您就可以在瀏覽器的右上方看到,燈塔工具的圖示(一個小燈塔)。
接著只要開啟我們想要分析的網頁,然後點擊那個圖示,並按下Generate Report,工具就會開始進行網頁的分析,並於分析完後,會跳出一個呈現分析報表的視窗,如下圖:
如何解讀報表,並根據分析結果的指標(數據)與建議改善網站速度與使用者體驗?
當產生完分析報表後,接下來我們要來解讀這份報表,並針對報表中網站的缺點,進行優化。
首先在解讀報表上,在最上方可以看到五個綜合評分指標,顯示該網頁在各個層面的分數表現,而下方後續的報表內容,則主要是針對各個指標做細部的說明,並提供改善的方向和建議。
而我們今天以網站速度優化為主,所以會優先來看與載入速度有關的表現(Performance)
從上圖,我們可以看到它展示了網站載入速度的各項指標表現。
而接著如下圖的Opportunities和Diagnostics區塊,則是針對如何優化提出建議方向和說明,以及顯示改善後預估能夠減少多少的載入時間。
例如第三點有提到可以使用合適的圖片大小,並預估能降低4.69秒的載入時間。進一步點開,就會顯示詳細的資訊,像是有哪些圖片大小是可以縮減的。
其實從上圖的分析當中,可以看到仍有許多可以優化的地方,能去改善網站的速度。
那接下來在那麼多的優化項目中,可以先針對能帶來較大改善,或操作起來較簡單的項目先執行,慢慢按部就班的改善網站速度,讓使用者有更好體驗。
另外,如果看英文的描述較不清楚的話,正如前面所述,Google已經將燈塔工具的上述效能、表現(Performance)的區塊,整合進它的網頁測速工具(Page Speed Insights)當中,測速工具有提供中文的介面,所以能夠協助我們掌握Lighthouse資料。要使用測速工具,只要點選上面的連結,在搜尋欄位輸入要分析的網站,就可以看到分析報告了。
如果想更瞭解Gooogle 網頁測速工具(Page Speed Insights),您可以參考這篇文章:【SEO最新情報】Google Page Speed測速工具大改版
最後,隨著Google將Lighthouse納入它的工具當中,我們可以推測Google對於Lighthouse中顯示的指標特別重視,所以瞭解Lighthouse,並針對它建議的方向進行優化,改善網站的速度,才能讓網站更受Google和使用者喜愛,同時帶動我們的排名蒸蒸日上。
參考資料:使用 Lighthouse 審查網絡應用
SEO一篇掌握:基礎入門到專業技術的SEO完整....
在當今的數位時代,無論是大型企業還是小型創業公司,都需要利用SEO來提升其在網路世界的存在感。透過SEO,我們可以將產品或服務直接推廣給真正有興趣的消費者,這對於提升業績至關重要。 一、什麼是SEO? SEO是什麼? 快速告訴你SEO定義 SEO可以帶來什麼好....
STP分析實例應用,帶你掌握行銷策略精準定位....
在當今數位化快速發展的時代,STP行銷策略成為企業制定有效行銷策略的關鍵。隨著消費者行為的持續變化和科技的不斷進步,了解如何適應這些變化,並利用STP策略來精準定位目標客戶,對於任何希望在競爭激烈的市場中脫穎而出的企業來說,都是至關重要的。本文將深入探討ST....
一篇帶你了解Google商家檔案(我的商家)驗證....
Google 商家檔案是一個免費的工具,能增加企業在 Google 地圖的能見度。透過管理商家檔案,商家可以優化在 Google 中搜尋的內容,搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分!消費者也可以更方便快速的找到需要的服務....
Google地圖上看不到我的商家怎麼辦?
目錄 遇到的問題:Google地圖上看不到我的商家怎麼辦? 奇寶怎麼做? 怎麼做更好? Google初步回覆 Google二次回覆 最後結果 遇到的問題 Google地圖上看不到你的店家?一定要搜尋店家名稱,Google地圖上才會出現?你有遇過....
讓網站動起來!輕鬆掌握行動網站載入速度!....
網頁載入速度對於跳出率跟轉換率等表現的影響非常大。 研究顯示,如果一個頁面的載入速度從1秒延長到3秒,跳出率會提高32%! 如果一個頁面的載入速度從1秒延長到5秒,跳出率會提高90%!! 如果一個頁面的載入速度從1秒延長到10秒,跳出率則會提高106%!!!....
掌握競爭對手就靠它! 網站分析工具-Simila....
在當前數位行銷的環境中,網站流量和競爭分析變得越來越重要。SimilarWeb作為一款功能強大的網站分析工具,幫助企業了解其網路表現及競爭地位。通過提供詳細的流量數據、關鍵字分析和競爭對手比較,SimilarWeb使企業能夠制定更有效的行銷策略,提升市場佔有率和轉換率。....
關鍵字怎麼選?11種實用關鍵字工具介紹,教....
後宮佳麗三千,到底皇上要如何選妃呢?PPC 廣告字詞也是一樣,想做的字詞上千上萬,如何選擇出對公司最有效益,而且是潛在目標客戶與網友們普遍查詢的字詞? 其實你可以搭配利用輔助工具,來幫助字詞的擬訂。 透過各種關鍵字工具所得出的數據,就能在規劃關鍵字清單時....
SEO優化必備工具推薦!
在數位時代,網站的可見性和性能至關重要。為了在競爭激烈的市場中脫穎而出,企業必須利用各種SEO工具來優化其網站,提升搜尋引擎排名,並吸引更多的潛在客戶。 本文將介紹一系列強大的SEO分析和優化工具,涵蓋從關鍵字研究到網站速度測試的各個方面,幫助您有效提升網....
Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com