諮詢熱線: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
 

 

 
熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能走進對的道路,成長茁壯,發揚光大。   你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位將會讓你如同陷入泥淖,越陷越深離目標越來越遠。   今日來分享奇寶績效師日常....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看鳩竟要如何連結這兩種社群平台喔!   首先,請用粉絲專頁管理員的身分登入FB(請確保是以個人的身分) 接著請在搜尋....

醫學美容行銷,不得不知的六大必修課程 (上....

Yumi : 醫學美容產業在廣告規範上相對嚴謹,廣告行銷事前作業一個都不能少!   上月底衛福部公告修正醫療法,當消息一出,在醫美界投下一大震撼彈,引起相關產業的議論,很多診所紛紛調整各自的網站,避免受罰,再加上廣告平台政策對於醫學美容產業各別有....

FB社群經營第一步,專頁設定看這邊!

經營FB專頁一直是大家很關心、想學習的題目,上次Doris也貼心的為大家整理了小編Check List! 但在開始PO文與粉絲們互動前,有哪些是你不可錯過的設定呢?   封面照和大頭照 這應該算是基本中的基本,讓訪客對你的品牌會產品建立第一印象 封面照:828x315....

延伸閱讀

讓網站動起來!輕鬆掌握行動網站載入速度!....

網頁載入速度對於跳出率跟轉換率等表現的影響非常大。 研究顯示,如果一個頁面的載入速度從1秒延長到3秒,跳出率會提高32%! 如果一個頁面的載入速度從1秒延長到5秒,跳出率會提高90%!! 如果一個頁面的載入速度從1秒延長到10秒,跳出率則會提高106%!!!....

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

進行網站SEO的時候,經常需要搭配許多工具進行數據分析、觀察, 甚至是透過工具的建議對網站進行技術性的調整。 這次奇寶工程師不藏私,直接推薦我們實際在操作案件上會使用到的工具給大家! 網站管理員工具 為了瞭解自己網站在Google以及Yahoo搜尋引擎....

掌握競爭對手就靠它! 網站分析工具-Simila....

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

讓你的網站不再跟客戶玩躲貓貓—【SEO入門6....

辛辛苦苦地建置了網站,卻發現總是乏人問津嗎?台北移動學苑曾經邀請到SEO專業講師Ken來跟大家介紹SEO的基本觀念及重要性,告訴大家如何讓自己的網站成為網路黃金店面!   在介紹SEO優化之前,一定要先瞭解一下 SEO跟PPC的優缺點。   如上述....

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

線上客服