Jetpack Boost外掛:WordPress網站Large Contenful Paint(LCP)問題改善

網站網址被Google Search Console判斷有LCP問題的話,可能影響搜索引擎流量,本文以PageSpeed Insights評估結果為例,介紹如何安裝使用WordPress Jetpack Boost外掛最佳化關鍵CSS載入,進行SEO改善。

一、LCP需要改善

Google Search Console搜索引擎控制台是很多網站經營者會使用的一項工具,畢竟Google關鍵字搜索是很主要的流量來源,在控制台中有一項是「網站使用體驗核心指標」,依照贊贊小屋網站的狀況,並沒有被Google視為優質網址,原因是「LCP問題:超過2.5秒」需要改善,影響到的網址有「1158」個,這幾乎是贊贊小屋網站很大的一個部分,很難視而不見。

O36a11

二、PageSpeed Insights

除了Google Search Console,系出同門的Google PageSpeed Insights網頁速度評估也是一項重要工具。在此也是直接使用贊贊小屋網頁進行測試,果然在「瞭解實際使用者體驗」這裡的報告,「Large Contenful Paint(LCP)」是橙色的「2.7秒」,屬於需要改善的網頁。

Google PageSpeed Insights的使用可以參考贊贊小屋相關文章

一張含有 文字, 螢幕擷取畫面, 軟體, 字型 的圖片

自動產生的描述

三、WordPress外掛

參考Google這項工具所提供的建議說明,在「排除禁止轉譯的資源」這裡提到網站的資源過多,下方列出一些網址,這些網址都是贊贊小屋網站不可或缺的功能資源,因此依照贊贊小屋先前使用過的做法是比較沒有辦法在WordPress控制台手動進行調整,不過在此Google建議有些WordPress外掛可以協助做這方面的優化。

關於贊贊小屋在PageSpeed Insights其他問題所做的處理,可以參考贊贊小屋相關文章

一張含有 文字, 螢幕擷取畫面, 軟體, 數字 的圖片

自動產生的描述

四、Jetpack Boost

點選上個步驟的超連結會直接前往WordPress官方網站的外掛頁面,右上角可以看到已經輸入了「critical css」作為搜尋關鍵字,搜尋結果第1個是「Jetpack Boost」。熟悉WordPress的讀者對於Jetpack應該不陌生,它是許多WordPres主機服務平台預設安裝的外掛。

一張含有 文字, 螢幕擷取畫面, 軟體, 網頁 的圖片

自動產生的描述

五、立即安裝外掛

既然Google有如此建議,Jetpack又是值得信任的外掛品牌,贊贊小屋決定立即在自己的WordPress網站安裝看看,搜尋關鍵字找到之後點下「立即安裝」。

一張含有 文字, 螢幕擷取畫面, 軟體, 網頁 的圖片

自動產生的描述

六、網站效能評估

安裝好了之後進入Jetpack Boost控制頁面,首先它會自行以Google頁面測速工具評估分數,然後下方有一些功能選項,完全是針對Google評估方法所做的優化。例如「最佳化關鍵CSS載入(手動)」或者「延遲載入非必要 JavaScript」。

一張含有 文字, 螢幕擷取畫面, 軟體, 電腦圖示 的圖片

自動產生的描述

七、最佳化關鍵CSS

Jetpack Boost面板中的每個功能大概都是開關即可,不過有個比較特殊的「最佳化關鍵CSS載入(手動)」,它是每當網站版面更新就要再重新產生一次,而且每次產生都需要很長一段時間,贊贊小屋網站大約要十幾二十分鐘。

O36a71

八、付費自動作業

依照贊贊小屋實際經驗,Jetpack Boost主要核心功能都能免費使用,不過如同許多強大的外掛相同,Jetpack Boost也有付費功能。例如上個步驟的「最佳化關鍵CSS載入(手動)」總共花了大概「17分鐘」,產生了「18」個檔案,由於每次網站新的內容或者改版的時候,都需要再重新執行一次「最佳化關鍵CSS載入」,可是如果願意每個支付新台幣「281.92元的話,可以交由Jetpack Boost自動產生。這個請依照個人需求在試用一段時間之後,衡量它所能夠帶來的效益,決定是否要成為付費的用戶。

O36a81

九、核心指標評估

在經過專業強大的Jetpack Boost外掛調校,一段時間之後再次前往PageSpeed Insights進行網站速度評估,非常神奇的呈現綠色,已經改善成為良好網址,確實達到了這個外掛所宣稱的成果!

一張含有 文字, 螢幕擷取畫面, 字型, 數字 的圖片

自動產生的描述
O36a92
O36a93

WordPress外掛改善SEO

這篇文章的主題是如何改善Google Search Console及PageSpeed Insights對於網站網頁的評估指標,避免被判定為不良網頁影響到SEO。讀者有興趣可參考贊贊小屋先前關於PageSpeed Insights的系列文章,贊贊小屋曾嘗試許多層面方法改善這個指標,雖然有些網頁不良屬於自己可以進行網頁改版的因素,例如拿掉廣告或者是固定臉書分享板塊,而且確實有達到效果。但如果是像這篇文章所看到較為結構技術性的問題,可能沒有辦法使用一般網站操作進行改善,在這個情況下可以考慮這篇文章所介紹的Jetpack Boost外掛,也是一個不錯的方法,提供讀者參考。

每天學習,每天充電:SEO文章合集

最新文章: