諮詢熱線:02-2369-8858

網站速度優化-SEO Lighthouse工具,為你指點迷津!

網站速度優化-SEO Lighthouse工具,為你指點迷津!

最後更新:2018/12/03 作者:Sydney
加入好友
網站速度優化-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資料。要使用測速工具,只要點選上面的連結,在搜尋欄位輸入要分析的網站,就可以看到分析報告了。

 

如果想更瞭解Gooogle 網頁測速工具(Page Speed Insights),您可以參考這篇文章:【SEO最新情報】Google Page Speed測速工具大改版

 

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

 

 

參考資料:使用 Lighthouse 審查網絡應用

圖片來源:Designed by Rawpixel.com

本文作者:Sydney
責任編輯:Zoey
 

 

 
你可能也會喜歡
熱門文章

SEO是什麼?Google演算法與網站優化:提升網....

  在當今的數位時代,無論是大型企業還是小型創業公司,都需要利用SEO來提升其在網路世界的存在感。透過SEO,我們可以將產品或服務直接推廣給真正有興趣的消費者,這對於提高轉換率和ROI至關重要。 一、什麼是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....

所謂知己知彼,百戰百勝,只了解自己是不夠的,在行銷的路上需要了解你的競爭對手,才能殺出一條屬於自己的路,平常我們用GA了解自己網站的流量狀況,但當我們無法觀察對手網站的GA時該怎麼辦呢? 網路行銷工具百百種,今日就來介紹一個實用分析工具- Similarweb....

關鍵字怎麼選?11種實用關鍵字工具介紹,教....

後宮佳麗三千,到底皇上要如何選妃呢?PPC 廣告字詞也是一樣,想做的字詞上千上萬,如何選擇出對公司最有效益,而且是潛在目標客戶與網友們普遍查詢的字詞? 其實你可以搭配利用輔助工具,來幫助字詞的擬訂。 透過各種關鍵字工具所得出的數據,就能在規劃關鍵字清單時....

SEO優化必備10個免費工具推薦

進行網站SEO的時候,經常需要搭配許多工具進行數據分析、觀察, 甚至是透過工具的建議對網站進行技術性的調整。 這次奇寶工程師不藏私,直接推薦我們實際在操作案件上會使用到的工具給大家! 目錄 網站管理員工具 搜爬工具 網站速度檢查以及行動裝....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com