Jetpack Boost 改善 WordPress 網站效能和搜尋引擎最佳化外掛程式

如果你是使用 WordPress 自行架站（Self-hosted），我一定會推薦安裝 Jetpack 外掛，這是由 Automattic（WordPress 公司）開發的外掛，整合相當多功能模組，而且也有非常好的相容和穩定性，兼具安全及速度，像是之前我介紹過的 Jetpack 免費 CDN 可自動加速、分流網站的圖片（以前叫做 Photon CDN），或是 Asset CDN 為 WordPress 核心檔案分流加速都能提升網站速度。如果資料非常重要也可選擇 VaultPress 即時完整備份網站。

本文要介紹的「Jetpack Boost」是最近 Jetpack 新推出的功能，將一些提升網站效能、搜尋引擎最佳化（SEO）工具獨立成一個新外掛，它的目的很簡單，讓網站管理者擁有跟世界頂尖網站一樣的性能優勢，無需開發人員，簡單來說就是很簡易、無痛又能相容於各種網站的最佳化外掛。

Jetpack Boost 現階段提供三種功能：最佳化 CSS、延遲非必要的 JavaScript 和延遲圖片載入，這項功能建立在提供更好的使用者體驗和網站速度，除了讓 WordPress 網站得以加速，大家都知道網站性能和搜尋引擎最佳化也有關聯，改善效能將有助於在搜尋引擎結果取得更好的排名表現。

依照 Jetpack Boost 畫面擷圖，未來應該還會加入 CSS、JavaScript 壓縮並整合 Jetpack CDN，目前此外掛採獨立形式發佈，即使網站沒有 Jetpack 外掛也是可以安裝。Jetpack Boost 和其他同類型外掛（像是 Autoptimize 或 WP Rocket）提供的功能差不多，差別在於它是 WordPress 官方開發維護，未來會不會成為付費項目就不得而知了。

Jetpack Boost 
https://jetpack.com/boost/

Jetpack Boost – WordPress plugin
https://wordpress.org/plugins/jetpack-boost/

使用教學

STEP 1

從 WordPress 控制台點選「安裝外掛」，在右上角搜尋框輸入「jetpack boost」就能找到外掛，將它安裝到網站後啟用。

STEP 2

Jetpack Boost 會顯示在側邊欄選單列，點選開啟後會看到歡迎畫面，告訴使用者 JetpackBoost 會讓你的網站變得更快，包括加速網站載入速度、減少訪客跳出率、讓網站 SEO 排名變得更好。

STEP 3

第一次使用時點選「Get Started」開始，會將 Jetpack Boost 連結到使用者的 WordPress 帳戶，需登入後點選「Approve」讓網站與 WordPress 帳戶進行連結，這部分和 Jetpack 外掛相同。

STEP 4

接著 Jetpack Boost 會透過 Google PageSpeed API 計算網站在行動裝置、電腦的得分表現，有助於讓使用者知道在啟用 Jetpack Boost 前後帶來的效能與速度差異，測試結果會有一個評分，如果分數太低會以不同顏色標示。

如果需要重新檢測，可點選右上角「Refresh」重新整理。

STEP 5

目前 Jetpack Boost 提供三個最佳化功能，只要將開關開啟就能立即套用，其中一個是「Optimize CSS Loading」選項，可以將重要的樣式表資訊移到頁面最前面，就能讓網頁載入時加速頁面顯示時間，這也被稱為「Critical CSS」，在很多最佳化工具都能看到這項功能。

另外兩個分別是延遲 Javascript 載入（Defer Non-Essential Javascript），可以將一些非必要的 js 程式移到網頁最後面載入，讓樣式及圖片載入更快，對於大部分網站來說也很有用（尤其是網站使用到相當多 Javascript 的情況下）。

最後一個選項是延遲圖片載入（Lazy Image Loading），當使用者捲動到圖片時才載入圖片，而不是一次就載入所有圖片，可以大幅降低流量消耗，對於網頁速度也很有幫助，尤其在手機上。

這個功能在 Jetpack 也有內建，依照說明，Jetpack Boost 會偵測兩個功能有沒有同時啟用，如果有的話會開啟較新的功能。