如何使用WP Rocket加速WordPress網站

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加速WordPress網站

接下來按照下列組圖框選的選項進行配置,此外:wp rocket外掛程式自帶中文,只要你把後台的用戶語言設置為中文即可。

儀表盤

在儀表板中,你可以看到帳號授權類型和到期日。通常你不需要在這個頁面做任何操作。不過,如果你買的是破解的外掛,到期日可能會晚很多,而不是一年內。此外,破解版本無法使用需要連接官方伺服器的官方功能,例如大幅提升分數和速度、移除未使用的 CSS 功能、不在線更新,以及可能開啟網站後門。

如何使用WP Rocket加速WordPress網站

文件優化

以下是我常用的配置供參考。

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

loyseo 26 07 04 16 33 48

接著,我們來看看 JavaScript 設定。

javascript異步載入是將js檔放到了頁腳,而延遲執行是在交互時才觸發,通常延遲執行引起頁面問題的概率大一點,有些主題會為你提供wp rocket的理想配置,但並非所有主題都支援,這個延遲執行的功能,如果沒有專業知識、或可靠的設置、或耐心的測試,否則不推薦啟用。

JavaScript 非同步載入常導致頁面上的某些互動延遲,因為 JavaScript 會放在頁尾。因此,在使用 Elementor 建置網站時,為了平衡使用者體驗,我選擇不對站內 JS 執行非同步載入和延遲執行,只延遲第三方 JS。雖然這可能會降低 PageSpeed Insights 的分數, 但它提供了更好的使用者體驗。

loyseo 26 07 04 16 34 13

媒體

按下下方選中的選項即可啟用。通常我們會啟用懶散載入,讓圖片只在進入查看區域時載入,以縮短頁面載入時間。然而,這也帶來另一個感官上的缺點:只有當使用者看到附近區域時,圖片才會載入,使體驗不那麼流暢。

至於是否要啟用 CSS 背景圖片的懶載入,Elementor 網站建置時,Elementor 已經預設了背景圖片的懶載入設定,所以我不會在 WP Rocket 啟用。如果你用其他主題或外掛來建置網站,可以啟用它並觀察前端是否有異常。如果一切正常,你可以啟用它。

在下方圖片中,你可以啟用缺少的寬度和高度屬性、預載字型,以及自架式 Google 字型。如果主題或其他外掛已經啟用類似功能,請不要再啟用它們。

image 1

預緩存

在下圖中,預緩存要開啟。 如果你的網站已經上線,啟用了rank math seo等SEO外掛程式,這裡還能勾選按照網站地圖(sitemap)進行預緩存。

此外,啟用鏈接預取功能也很棒,當你把滑鼠停留在連結之上時,對應頁面就已經預先載入一部分內容了,這樣會提升用戶的體驗,讓使用者感覺打開網頁很快。

如何使用WP Rocket加速WordPress網站

如果我發現網站修改未生效,我該怎麼辦? — 清除快取

如果你修改了頁面或網站的全域設計,但發現未登入網站時變更無法生效,請記得使用以下清理功能。如果你想清理整個網站,可以在網站後端頂欄找到 WP ROCKET。如果你想清理特定頁面,可以在登入時造訪對應頁面,找到 WP ROCKET,在下拉選單中可以看到清除與預載快取、清理已使用 CSS 檔案的過程, 清除優先元素的功能。

那麼,你要怎麼決定什麼時候該用哪個橡皮擦功能呢? 答案是:別再評斷了,這很難理解。 如果你改變了網站整體設計風格,那麼在後端的 WP ROCKET 下,依序點選這三個清理功能。 如果你只需要修改一個頁面,只要在這個頁面的 WP ROCKET 下拉選單下,依序點擊這三個按鈕即可。

点赞

0 / 5 0

Your page rank:

Bonnie

Bonnie

Bonnie是LOYSEO的創始人,在架設網站領域有著超過15年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

发表评论

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