WP Rocket 外掛教學 WordPress 最好用的快取(Cache)外掛 詳細設定教學

WP Rocket 外掛教學 Wordpress 最好用的快取(Cache)外掛 詳細設定教學 3

WP Rocket 是一套收費的 WordPress 網頁快取外掛,可以幫助你的網站大幅度提升與改善載入速度,擁有繁體中文化的設定介面,簡單易懂的操作方式,是目前收費快取外掛最優質的一款!

本篇文章會介紹快取的機制,完整的購買流程與詳細的外掛安裝與設定方式,有任何問題都可以在文章底下留言,或透過聯絡我跟我討論溝通喔,時間允許下我都會很樂意為你解答!

什麼是快取(Cache)?

在正式介紹 WP Rocket 快取外掛之前,先帶大家認識了解一下什麼是快取(Cache)機制,有了初步的了解後,會比較容易上手喔!

快取存在的最大意義是:加速網頁檔案載入呈現速度。

在「沒有快取」機制的情況下,如果我要訪問一個網站,會先發出數個請求給伺服器端,伺服器再去資料庫內找相對應的資料,找到後回傳給我,我所要訪問的網站才會完整呈現。

沒有快取的網頁
沒有快取的運作模式

如果網站流量本身不大,那這些檔案請求對伺服器來說不成什麼大問題,但如果你的網站每天的流量都非常大,這就有可能會因為「瞬間請求的流量過大」而使伺服器回應變慢,最糟甚至可以癱瘓伺服器。在這種情況下,除非你的伺服器是很高級很好那種,不然一般的都承受不了這種瞬間流量!

為了避免這種情況發生,進而有快取(Cache)機制的誕生!快取顧名思義就是為了要讓你「快速存取」,透過機制把網頁和必要檔案暫時儲存到快取的伺服器,這樣下次如果你再度訪問的時候,就不會去讀取伺服器資料庫,造成伺服器負擔。

快取的運作機制
有快取的運作模式

那這樣不就網頁都是舊的?這不用擔心,通常快取外掛都會定時自動清除舊的快取頁面,重新再抓一次快取資料,而定時自動的時間都可以自行設定。或者,每當你更新文章的時候,也可以手動一鍵清除快取,這樣就能確保快取伺服器的資料都是最新的。

快取的優點?

當你的網站有快取的應用後,有以下的優點:

  • 大幅減少伺服器負擔,可提高伺服器速度。
  • 避免伺服器因瞬間流量而變慢或是癱瘓。
  • 加快使用者訪問頁面呈現速度,進而提高 SEO 排名。

快取的缺點?

當然快取的機制也存在一些小缺點,但這些並不會影響我們使用快取的意願,畢竟好處大於壞處啊!

  • 網頁非同步更新到快取伺服器
    • 如果你有更新內容,使用者有可能看到舊的網頁內容。
    • 上述問題外掛會有自動更新機制,定時把舊的內容刪除,再擷取新的內容一次。
  • 頻繁更新網站內容的人,如要讓快取同步更新,則必須手動清除快取。
    • 也可透過外掛設定快取的生命週期,可把快取清除的時間縮短。

WP Rocket 快取外掛是什麼?

WP rocket
WP Rocket 快取外掛

WP Rocket 是一款專門設計來幫助 WordPress 使用者「控管優化快取」的外掛,設定簡單易懂,功能卻非常強大的特色,但「沒有免費版本」,如果想要使用就必須付費!

所謂一分錢一分貨,WP Rocket 在眾多快取外掛中,排名一直都是第一名,會這麼受到愛戴,有以下幾點原因:

  • 收費合理,一年合約用在一個網站,只要 49 塊美金,折合台幣約 1380 元,等於一個月約 115 塊台幣。
  • 設定簡單易懂,功能非常強大,又有繁體中文介面。
  • 提供 14 天不滿意保證退款機制。

如果你想先試試看免費的快取外掛,下面這 4 種也是不錯的選擇,評價都算很好:

外掛購買方式、安裝教學

WP Rocket 並沒有提供免費版本,所以在 WordPress 外掛搜尋中是「找不到」的,必須先購買後才能從官網下載安裝包進行上傳安裝。

這個章節會詳細的說明購買流程以及外掛安裝方式,外掛設定教學會放在下一個章節。

詳細購買流程教學

STEP 1

先透過以下連結,前往官網購買頁面,這邊會用「1個網站」的方案作為示範。

選擇最左邊的「Single」方案,並點擊「Buy WP Rocket」按鈕前往下一頁。

WP Rocket 方案
WP Rocket 方案

STEP 2

填寫購買者相關資訊,付款方式可以選擇信用卡或 PayPal,填寫完成點擊「Place order」按鈕進行付款。

填寫 WP Rocket 付款資料
填寫 WP Rocket 付款資料
填寫 WP Rocket 付款方式
填寫 WP Rocket 付款方式

STEP 3

付款完成之後,你會「收到一封確認信」寄到剛剛所填寫的電子郵件信箱,請妥善保存,裡面有你的帳號及密碼資訊。

預設密碼的電子郵件
預設密碼的電子郵件

STEP 4

接下來先把密碼從官方預設的改成自己想要的,但因為官方的帳號後台並沒有提供變更密碼的功能,我們要透過登入頁面「忘記密碼」的功能來重置設定密碼。

點我前往 帳號登入頁面,並依照以下圖片操作,就可以設定成自己的密碼啦!

Wp rocket 重設密碼
選擇 Lost Password?
Wp rocket 重設密碼
輸入電子郵件

按下「Get New Password」按鈕後,你會收到一封修改密碼的確認信,點選信件內的連結,就可以重新設定登入密碼囉!

Wp rocket 重設密碼
點選連結進行密碼設定

STEP 5

點我前往 WP Rocket 帳號中心,可以看到相關的資訊,例如合約資訊、自動續約等設定。

WP Rocket 帳號中心
WP Rocket 帳號中心

外掛安裝教學

STEP 1

點我前往 WP Rocket 帳號中心,在左下角找到「Download WP Rocket」按鈕進行下載安裝包。

下載 WP Rocket 安裝檔
下載外掛安裝檔

STEP 2

下載完成後,到你 WordPress 後台進行外掛上傳及安裝

如果你有安裝其他快取外掛,記得先把舊的停用並解除安裝,再啟用 WP Rocket!

上傳安裝 WP Rocket 外掛
上傳安裝外掛

WP Rocket 快取外掛詳細設定教學

本章節會詳細解說各項設定,WP Rocket 有好幾個「大項目」可以分別設定快取的細項,如果不知道要怎麼設定的可以跟著我一起喔!

控制台 頁面

WP Rocket 控制台頁面
控制台頁面
  1. 我的帳號:
    • 註冊碼:代表購買合約資訊,Single 代表單一網站授權。
    • 過期時間:合約到期時間。
  2. RocketCND:WP Rocket 的收費 CDN,我這邊是用 Cloudflare,跳過設定。
  3. 我的狀態:可以設定要不要把使用資訊分享給官方,我設定關閉
  4. 清除快取:可以手動清除快取,如果有更新文章,可以手動按一下會比較快。
  5. 預先載入快取:手動清除後,可以再手動擷取快取內容。
  6. 清除 OPcache:手動清除 OPcache,是PHP的一種快取機制,比較少用,如果你用的主機沒有支援,這項會隱藏。
  7. 重新產生 Critical CSS:CSS內容快取機制,可以優先載入必要的CSS,加速網頁呈現速度。

快取 設定

WP Rocket 快取設定頁面
快取設定頁面
  1. 行動裝置快取:
    • 啟動行動裝置快取:建議開啟,可以加速行動裝置載入速度。
    • 針對行動裝置建立獨立的快取檔案:如果你的網頁外觀電腦版跟手機版相差很大,才建議打勾。
  2. 使用者快取:如果你的網站有提供會員註冊,則建議開啟,可以為個別使用者建立不同快取。
  3. 快取生命週期:保持預設10小時,外掛每10小時會把舊的資料清除。

檔案最佳化 設定

CSS 檔案

WP Rocket CSS 檔案最佳化設定
CSS 檔案最佳化設定
  1. 壓縮 CSS:建議開啟,可以把整合 CSS 架構,把空白或多餘的行數刪除,減少載入時間。
  2. 合併 CSS 檔案:建議關閉,有可能造成你網頁排版亂掉。假設你今天有 50 個 CSS 檔案,打勾可以幫你合併成1個,藉以減少對伺服器發出的要求。如果主機是使用 HTTP/2,則強烈建議關閉,可以到 HTTP/2 Test 測試查看主機類型。
  3. 最佳化 CSS 分派:建議開啟,會幫助優化載入網站時,先載入關鍵的 CSS 檔案,其餘之後再同步載入,提升載入速度。

JavaScript 檔案

WP Rocket JavaScript 檔案最佳化設定
JavaScript 檔案最佳化設定
  1. 壓縮 JavaScript:建議開啟,壓縮效果跟 CSS 一樣,刪除多餘或空白的行數,加快載入速度。
  2. 合併 JavaScript 檔案:建議關閉,合併後會有不預期情況發生。如果主機是使用 HTTP/2,則強烈建議關閉,可以到 HTTP/2 Test 測試查看主機類型。
  3. 非同步載入 JavaScript:建議開啟,可以加速網站載入速度。
  4. Delay JavaScript execution:建議開啟,可以在讀取網頁時,延遲載入非必要的檔案,加速載入呈現速度。

媒體 設定

延遲載入

WP Rocket 延遲載入設定
延遲載入設定
  1. 針對圖片使用延遲載入:建議開啟,在網頁載入期間,不會一次載入所有圖片,等到使用者滑到接近該圖片才載入,提升網頁載入速度。
  2. 針對 iFrame 與影片使用載入延遲:建議開啟,理由同上。
    • 使用預覽圖片取代 YouTube 的播放器:建議開啟,如果你的網頁有很多 YouTube 影片,可以加速網頁載入速度。

Image Dimensions、內嵌、WebP compatibility

WP Rocket 圖片相關設定
圖片相關設定
  1. Add missing image dimensions:建議開啟,自動幫圖片增加「寬度高度」等資訊,減少系統判斷跟幫助使用者明確了解。
  2. 關閉 WordPress 內嵌功能:建議開啟,防止他人嵌入你的網站內容,造成伺服器負擔。
  3. WebP compatibility:根據自己情況開啟,如果你有使用到 WebP 圖片格式,並且有搭配正確圖片壓縮外掛,則可以開啟,會加速載入速度。

WebP 是 Google 所推出的一種圖片格式,支援有損壓縮以及無損壓縮,可以大幅減少圖片檔案的大小,增加網頁載入讀取的速度,且圖片品質比原始的PNG、JPEG幾乎沒差別。根據官方測試:

  • 在無損壓縮下,WebP 檔案大小比 PNG 減少約 26%。
  • 在有損壓縮下,WebP 檔案大小比 JPEG 減少約 34%。

WebP 相關教學設定可以參考這篇文章

預先載入 設定

Preload Cache

WP Rocket 預先載入快取
預先載入快取
  1. Activate Preloading:打勾後下方選項才會開啟,建議開啟
  2. 啟用以網站地圖為快取的預先載入功能:建議開啟,會根據你的網站地圖生成快取。
  3. 這個項目會根據你使用的SEO外掛自動呈現,我是使用 Rank Math SEO 外掛,建議開啟
    • 如過你使用的 SEO 外掛沒有支援,則需要手動輸入網站地圖位址。

Preload Links、預先取得 DNS 請求

WP Rocket 預先載入連結和 DNS
預先載入連結和 DNS
  1. Enable link preloading:建議開啟,當你滑鼠移到網頁中任何連結,就會開始預先載入,這樣使用者點擊連結,可以達到快速載入效果。
  2. 預先取得 DNS 請求:在你的網頁上有可能會使用其他第三方的外掛,就必須向第三方請求下載檔案,例如 Facebook、YouTube 等。如果有太多的這種向外部網站請求資料的動作,會造成網頁載入速度變慢。有設定這項功能的話,可以先透過 DNS 向第三方網站請求資料,進而加速載入速度。

如果不知道自己的網頁有用什麼第三方的請求,可以用 Prefetch! 這個工具查詢。

注意輸入的格式為:一行一個,去除網址前面 http: 或 https:

以 YouTube 網址 https://youtube.com 為範例,我們只要保留 //youtube.com 即可。

如果還是不知道怎麼設定,或是懶得尋找,可以直接貼上我的設定

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com
//cdnjs.cloudflare.com
//connect.facebook.net
//w.sharethis.com
//s0.wp.com
//s1.wp.com
//s2.wp.com
//s.gravatar.com
//0.gravatar.com
//2.gravatar.com
//1.gravatar.com
//stats.wp.com

Preload Fonts

WP Rocket 預先載入字體
預先載入字體

可以預先載入你網站使用的字型,進而加速網站載入速度,我這邊沒有需求,所以沒有設定。

如果你有需求並要設定,記得設定路徑為:

/wp-content/fonts/你的字體名稱.woff2

進階規則 設定

WP Rocket 快取排除規則
快取排除規則

這邊主要是設定一些快取進階的規則,例如哪些網址不快取、哪些 Cookies 不快取等等,這邊我沒有需求,跳過設定。

資料庫 設定

文本、迴響清理

WP Rocket 垃圾暫存檔清理
垃圾暫存檔清理
  1. 文章清理:如果你有文章還原的需求,或是草稿還原的需求,請不要啟用此功能,外掛會幫你刪除。如果啟用的話,也可以大幅減少這些文章或是草稿帶來的空間佔用。
  2. 迴響清理:建議開啟,自動刪除垃圾留言。

臨時選項、資料庫清理及自動清理

WP Rocket 資料庫暫存檔案清理
資料庫暫存檔案清理
  1. 臨時選項清理:建議開啟,可以幫你移除非必要的臨時檔案,臨時選項也是可以安心移除的。
  2. 資料庫清理:建議開啟,可以優化減少體積過大的資料表,提升主機效能。
  3. 自動清理:建議開啟,可以根據設定的週期自動清理上述設定,預設每週清理即可。

這些清理清除的功能都是不可逆的,沒辦法復原,在清理之前建議先備份,才不會有憾事發生。

CDN 設定

WP Rocket CDN 設定
CDN 設定

Content Delivery Network(CDN)是內容傳遞網路,主要的作用是利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。

WP Rocket 有自己推出的收費 CDN 服務,如果你還沒有使用可以考慮,或是用免費的 Cloudflare 做為你的 CDN 服務。

我自己是使用 Cloudflare,所以這邊跳過沒有設定,後面的附加功能中,可以綁定 Cloudflare 服務。

Heartbeat 設定

WP Rocket Heartbeat 設定
Heartbeat 設定

建議啟用,並保持預設。

Heartbeat(心跳) 心跳控制主要是為你監控並處理對主機的各種請求,進而提升主機效能。

但如果你有發現你的主機效能不敷使用,這個項目又有開啟,那直接升級你的主機會是最好的選擇。

附加功能

一鍵安裝 WP Rocket 附加功能

WP Rocket 附加功能
附加功能

Varnish 快取則是如果你的主機有支援,就會自動開啟,也可以串接 Cloudflare 和 Sucuri 。

WP Rocket 可以整合 Cloudflare ,方便你進行管理設定。

Cloudflare 設定

WP Rocket Cloudflare 綁定
Cloudflare 綁定

輸入你的 Cloudflare 的全域 API、帳號及 Zone ID 就可以進行綁定,並開啟最佳化設定即可。

如何手動清除快取?

WP Rocket 手動清除快取
手動清除快取

可以透過 WordPress 後台上方的快速功能列進行清除,或是透過 WP Rocket 控制台右方進行快取清除。

使用 WP Rocket 外掛優化速度比較

當你花完錢買了一套外掛後,最關心的問題就是到底有沒有功用,有沒有達到預期的效果。這邊會用 PageSpeed Insights 來測試優化前後的分數。 

Google 所提供的這套工具只是一個衡量指標,你會很常發現分數沒有很高,但是打開網頁的速度也不慢,甚至是很快!那是因為 Google 會檢查非常多東西,有稍微不符合規則就會扣分,但是這些規則卻不會影響你網頁載入速度,所以千萬也別為了追求測試分數,而把你的網站改的很簡單與簡陋,這樣反而會適得其反!

最好的做法就是自己開無痕網頁親自瀏覽,看看是不是速度真的很慢,或是有哪個地方怪怪的,不要被分數牽著走囉!

優化前

網站優化前
優化前

在沒有使用 WP Rocket 之前,行動版分數可以說是慘不忍睹,電腦版分數還可以接受。

優化後

網站優化後
優化後

可以看到使用 WP Rocket 快取外掛之後,行動版跟電腦版的分數都有大幅度提升,電腦版甚至達到97分!

行動版的規範會比較嚴格,跟你所用的主機、主題、插件都有關係,71分已經算很不錯!

有沒有很心動?這是一款絕對不會讓你後悔的收費外掛!

常見問題

WP Rocket 外掛是什麼?

WP Rocket 是一套收費的Wordpress網頁快取外掛,可以幫助你的網站大幅度的提升與改善載入速度,擁有繁體中文化的設定介面,簡單易懂的操作方式,是目前收費快取外掛最優質的一款!

快取(Cache)是什麼?

快取顧名思義就是為了要讓你快速存取,透過機制把網頁和必要檔案暫時儲存到快取的伺服器,這樣下次如果你再度訪問的時候,就不會去讀取伺服器資料庫,造成伺服器負擔。

快取有什麼優點?

當你的網站有快取的應用後,有以下的優點:
1. 大幅減少伺服器負擔,可提高伺服器速度。
2. 避免伺服器因瞬間流量而變慢或是癱瘓。
3. 加快使用者訪問頁面呈現速度,進而提高SEO排名。

快取有什麼缺點?

當然快取的機制也存在一些小缺點:
1. 網頁非同步更新到快取伺服器
2. 頻繁更新網站內容的人,如要讓快取同步更新,則必須手動清除快取。

WP Rocket 快取外掛可以免費試用嗎?

不行,無法免費試用,必須購買後才能完全使用,但這也是為什麼 WP Rocket 快取外掛評價最高!

WP Rocket 收費方案有哪幾種?

方案長度都是一年,差別在於可以用在幾個網站上,詳細如下:
1. 「Single」方案可用在一個網站,價格為49美金。
2. 「Plus」方案可用在三個網站,價格為99美金。
3. 「Infinite」方案可用在無限網站,價格為249美金。
點我前往官網查看更詳細資訊!

WP Rocket 外掛有什麼優勢?

1. 收費合理,一年合約用在一個網站,只要49塊美金,折合台幣約1380元,等於一個月約115塊台幣。
2. 設定簡單易懂,功能非常強大,又有繁體中文介面。
3. 提供14天不滿意保證退款機制。

【文章在 2022-05-28 更新過內容】

WP Rocket 外掛教學 Wordpress 最好用的快取(Cache)外掛 詳細設定教學 | Ted聊科技
WP Rocket 外掛教學 Wordpress 最好用的快取(Cache)外掛 詳細設定教學 37

WP Rocket 是一套收費的Wordpress網頁快取外掛,可以幫助你的網站大幅度的提升與改善載入速度,擁有繁體中文化的設定介面,簡單易懂的操作方式,是目前收費快取外掛最優質的一款!

Price: 49

Price Currency: USD

Operating System: WordPress

Application Category: UtilitiesApplication

Editor's Rating:
5

歡迎免費訂閱Google 新聞」、「RSS」、追蹤Facebook」、「Instagram」、「YouTube」、「Dcard」、「TikTok」或加入討論社團」,並且可以透過「小額贊助」方式支持本站所有媒體持續營運!

返回頂端