WP Rocket 是一款易於使用且速度優化的外掛,能提升你 WordPress 網站的速度與速度評分。 在比較快取外掛時,我嘗試了幾個外掛,包括 W3 Total Cache、WP Fastest Cache、WP Super Cache、Flyingpress 和 Accelerator。從效能、成本效益和易用性來看,WP Rocket 是個不錯的選擇,我一直持續使用它。
WP ROCKET 沒有免費版本,只有付費版本。官方價格是每個網站每年 59 美元。我購買代理版本是為了個人使用,並有一些分發空間。如果需要,你可以聯絡我。
請注意,WP Rocket 只是速度優化的一部分,並非萬能萬能。它主要服務用戶端(例如瀏覽器快取、頁面快取等)。如果你的主機配置低、伺服器端速度優化不佳、選擇的主題插件品質低劣,或上傳的媒體過大,這些都會影響網站速度。
接下來,讓我們來看看 WP Rocket 常見的配置配置。 讓我說明一下前提:我選擇了 Cloudways 主機來管理網站客戶端,這樣可以確保伺服器設定可靠; 我用 Elementor 建立頁面,只用 crocoblock 作為輔助擴充功能。沒有其他頁面相關的外掛;所有輔助外掛都是從業界頂尖意見領袖挑選,以確保網站建置工具品質優良。此外,我嚴格控制上傳圖片的大小。
設置 WP Rocket
安裝並啟用 WP Rocket 後,部分預設速度優化設定開始運作,無需額外設定。部分基本功能完全未提供,且會靜默啟用,主要如下:
- 頁面快取:自動產生靜態 HTML 快取。
- 快取預載:內容更新後自動預載。
- 瀏覽器快取:將靜態資源儲存在本地,以減少重複載入。
- GZIP 壓縮:壓縮檔案大小以加快傳輸速度。
- 關鍵影像優化:智慧地優化影響載入效能的關鍵影像。
- 自動延遲渲染:優化頁面回應速度並提升使用者體驗。
- 電子商務優化:智慧地排除購物車等敏感頁面,確保交易流程順暢。
對於需要設定的項目,讓我們來看看我的設定。
點擊 WordPress 後端頂端的「WP Rocket」進入設定頁面

接下來按照下列組圖框選的選項進行配置,此外:wp rocket外掛程式自帶中文,只要你把後台的用戶語言設置為中文即可。
儀表盤
在儀表板中,你可以看到帳號授權類型和到期日。通常你不需要在這個頁面做任何操作。不過,如果你買的是破解的外掛,到期日可能會晚很多,而不是一年內。此外,破解版本無法使用需要連接官方伺服器的官方功能,例如大幅提升分數和速度、移除未使用的 CSS 功能、不在線更新,以及可能開啟網站後門。

文件優化
以下是我常用的配置供參考。
將 CSS 交付優化設定為移除 CSS,可以大幅提升 PageSpeed Insights 的分數。此外,移除功能是非同步完成的。WP ROCKET 官方 API 會幫你處理這部分,產生過程需要時間。此外,移除 CSS 而不使用 CSS 會區分桌面版和行動版,所以如果你先設定好再開始評分,可能感覺不到效果。 我建議你等一小時左右再考,重複幾次,以獲得完整的分數。 一般來說,使用 Elementor 建置的頁面,行動版得分約 80 分,而桌面版則多數超過 90 分。

接著,我們來看看 JavaScript 設定。
javascript異步載入是將js檔放到了頁腳,而延遲執行是在交互時才觸發,通常延遲執行引起頁面問題的概率大一點,有些主題會為你提供wp rocket的理想配置,但並非所有主題都支援,這個延遲執行的功能,如果沒有專業知識、或可靠的設置、或耐心的測試,否則不推薦啟用。
JavaScript 非同步載入常導致頁面上的某些互動延遲,因為 JavaScript 會放在頁尾。因此,在使用 Elementor 建置網站時,為了平衡使用者體驗,我選擇不對站內 JS 執行非同步載入和延遲執行,只延遲第三方 JS。雖然這可能會降低 PageSpeed Insights 的分數, 但它提供了更好的使用者體驗。

媒體
按下下方選中的選項即可啟用。通常我們會啟用懶散載入,讓圖片只在進入查看區域時載入,以縮短頁面載入時間。然而,這也帶來另一個感官上的缺點:只有當使用者看到附近區域時,圖片才會載入,使體驗不那麼流暢。
至於是否要啟用 CSS 背景圖片的懶載入,Elementor 網站建置時,Elementor 已經預設了背景圖片的懶載入設定,所以我不會在 WP Rocket 啟用。如果你用其他主題或外掛來建置網站,可以啟用它並觀察前端是否有異常。如果一切正常,你可以啟用它。
在下方圖片中,你可以啟用缺少的寬度和高度屬性、預載字型,以及自架式 Google 字型。如果主題或其他外掛已經啟用類似功能,請不要再啟用它們。

預緩存
在下圖中,預緩存要開啟。 如果你的網站已經上線,啟用了rank math seo等SEO外掛程式,這裡還能勾選按照網站地圖(sitemap)進行預緩存。
此外,啟用鏈接預取功能也很棒,當你把滑鼠停留在連結之上時,對應頁面就已經預先載入一部分內容了,這樣會提升用戶的體驗,讓使用者感覺打開網頁很快。

如果我發現網站修改未生效,我該怎麼辦? — 清除快取
如果你修改了頁面或網站的全域設計,但發現未登入網站時變更無法生效,請記得使用以下清理功能。如果你想清理整個網站,可以在網站後端頂欄找到 WP ROCKET。如果你想清理特定頁面,可以在登入時造訪對應頁面,找到 WP ROCKET,在下拉選單中可以看到清除與預載快取、清理已使用 CSS 檔案的過程, 清除優先元素的功能。
那麼,你要怎麼決定什麼時候該用哪個橡皮擦功能呢? 答案是:別再評斷了,這很難理解。 如果你改變了網站整體設計風格,那麼在後端的 WP ROCKET 下,依序點選這三個清理功能。 如果你只需要修改一個頁面,只要在這個頁面的 WP ROCKET 下拉選單下,依序點擊這三個按鈕即可。

