PageSpeed Insights

PageSpeed Insights,真的是你最需要的網站速度檢測工具嗎?

PageSpeed Insights是Google提供的網站速度檢測工具,目的就是為了要幫助網站站長可以檢測網站速度並提供改進的建議,也是大多數站長使用的檢測工具之一,不過你真的知道要如何使用它嗎?

今天這篇文章將跟大家分享使用PSI正確的心態,幫助大家可以更好的優化網站的速度。

網站速度與SEO的關係

Google在2018年的時候正式將網站速度放在搜尋引擎排名的因素之中,不過根據研究顯示這個影響程度總體來說是沒有關係的,因為Google在這部分只是把速度太慢的網站移到比較低的排名。

那他真正的影響到底是什麼?

其實網站速度真正影響的是使用者的體驗,想想看,如果你上網找資料,結果這個網頁跑很久跑不出來,我想你應該就會直接把它關掉了。

這對其他人也是一樣的,網頁載入太久的話,跳出率就會越高,這就會間接的影響網站的排名,因為Google就會認為你的網站的內容可能不是使用者想要的,就像下圖的研究結果顯示一樣。

網站載入速度對跳出率的影響

所以並不需要過度在意網站的速度,本來網站經營久了資料就會越多,載入的速度自然就會慢,就像是Amazon、維基百科、Apple的網站,檢測出來的速度當然也會慢,所以這些大公司才會花那麼多時間來優化網站速度。

PageSpeed Insights的三大指標

Google最重視的就是使用者體驗,所以PSI測試出來的分數並不是最重要的。

而且現在Google使用的分析工具 Lighthouse,測出來的也並不是完全真實的指標,可能會跟現實的不一樣,因為這會也跟虛擬主機或是使用的設備有關係。

那在PageSpeed Insights上到底要看什麼呢?

主要可以看可以看三個指標,分別是,

  • 最大內容繪製(Largest Contentful Paint, LCP)
  • 首次輸入延遲時間(First Input Delay, FID)
  • 累計版面配置轉移(Cumulative Layout Shift)

這是Google在五月定義出來的衡量網站使用者體驗最重要的三個指標。

Pagespeed insights 使用者體驗指標

最大內容繪製(Largest Contentful Paint, LCP)

最大內容繪製代表「速度」,指的是說網頁最大的內容元素載入時間需要多久,就例如部落格的精選圖片等等的,意思就是這個網頁上的主要內容被訪客看的的時間。

分數區間:

  • 優良:<2.5秒
  • 普通:2.5~4秒
  • 不合格:>=4秒

首次輸入延遲時間(First Input Delay, FID)

首次輸入延遲時間代表「互動」,就例如訪客點了你的網站的按鈕,但是過了一段時間他才有反應,就表示說互動性不好。

分數區間:

  • 優良:<100毫秒
  • 普通:100~300毫秒
  • 不合格:>=300毫秒

累計版面配置轉移(Cumulative Layout Shift)

累計版面配置轉移代表「穩定性」,指的網頁的內容元素因為載入時間不一樣,所以在閱讀的時候內容會跳來跳去的,就像是有時候在看資料的時候,一開始有圖片還沒出現,可以跑出來之後文字就會被往下擠,導致畫面跳來跳去的狀況。

分數區間:

  • 優良:<0.1
  • 普通:0.1~0.25
  • 不合格:>=0.25

(以上資料參考數位引擎

PageSpeed Insights的使用教學

相信大家在看完之後已經了解到應該要如何使用PageSpeed Insights,接下來要告訴大家,如何找到針對這些指標的建議。

Step.1 輸入自己的網站

首先先到PageSpeed Insights,在搜尋欄裡輸入網站網址,之後點分析等他一下。

Pagespeed insights 官方網站

Step.2 查看建議

接下來你就可以在研究的地方看到各個指標的分數了,再往下滑就可以看針對問題的建議,可以點他看看,大家可以針對這些建議去做優化,才是PageSpeed Insights正確的使用方式。

Pagespeed insights 診斷建議

WordPress優化網站速度的技巧

PageSpeed Insights提供的建議,對於大多數使用Wordpress架設網站,不會寫程式碼的人來說可能很多地方不知道怎麼優化,不過有四項技巧提供給大家。

  • 優化圖片
  • 安裝快取外掛
  • 壓縮、合併 JavaScript 檔案
  • 壓縮、合併 CSS 檔案

想要了解更加詳細的WordPress網站速度優化技巧可以參考我的這篇文,提升WordPress網站速度,不懂程式也可以優化網站的六種方法

結語

希望今天這篇文章可以幫助大家了解使用PageSpeed Insights這個網站速度檢測工具的時候需要有的心態,跟了解需要看哪些指標來幫助進行優化。

如果覺得我的文章對你有幫助的話,可以點擊左下角的小鈴鐺訂閱我的網站,未來有新文章也會即時通知你。

2 thoughts on “PageSpeed Insights,真的是你最需要的網站速度檢測工具嗎?”

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top