WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 3

WP Rocket|WordPress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學

文章最後更新時間: 2021 年 6 月 16 日 by 阿德

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

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

在使用 WP Rocket 快取外掛之前

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

什麼是快取(Cache)?

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

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 5
▲ 沒有快取的運作模式

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

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 7
▲ 有快取的運作模式

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

快取的優點?

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

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

快取的缺點?

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

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

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|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 10

STEP 2

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 12
WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 14

STEP 3

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 16

STEP 4

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

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 18
WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 20

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 22

STEP 5

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 24

外掛安裝教學

STEP 1

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 26

STEP 2

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

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 28

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

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

控制台 頁面

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

快取 設定

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

檔案最佳化 設定

CSS 檔案

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

JavaScript 檔案

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

媒體 設定

延遲載入

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 38
  1. 針對圖片使用延遲載入:建議開啟,在網頁載入期間,不會一次載入所有圖片,等到使用者滑到接近該圖片才載入,提升網頁載入速度。
  2. 針對 iFrame 與影片使用載入延遲:建議開啟,理由同上。
    • 使用預覽圖片取代 YouTube 的播放器:建議開啟,如果你的網頁有很多 YouTube影片,可以加速網頁載入速度。

Image Dimensions、內嵌、WebP compatibility

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

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

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

預先載入 設定

Preload Cache

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 42
  1. Activate Preloading:打勾後下方選項才會開啟,建議開啟
  2. 啟用以網站地圖為快取的預先載入功能:建議開啟,會根據你的網站地圖生成快取。
  3. 這個項目會根據你使用的SEO外掛自動呈現,我是使用 Rank Math SEO外掛,建議開啟
    • 如過你使用的SEO外掛沒有支援,則需要手動輸入網站地圖位址。

Preload Links、預先取得 DNS 請求

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 44
  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|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 46

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

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

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

進階規則 設定

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 48

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

資料庫 設定

文本、迴響清理

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 50
  1. 文章清理:如果你有文章還原的需求,或是草稿還原的需求,請不要啟用此功能,外掛會幫你刪除。如果啟用的話,也可以大幅減少這些文章或是草稿帶來的空間佔用。
  2. 迴響清理:建議開啟,自動刪除垃圾留言。

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

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 52
  1. 臨時選項清理:建議開啟,可以幫你移除非必要的臨時檔案,臨時選項也是可以安心移除的。
  2. 資料庫清理:建議開啟,可以優化減少體積過大的資料表,提升主機效能。
  3. 自動清理:建議開啟,可以根據設定的週期自動清理上述設定,預設每週清理即可。

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

CDN 設定

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 54

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

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

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

Heartbeat 設定

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 56

建議啟用,並保持預設。

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

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

附加功能

一鍵安裝 WP Rocket 附加功能

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 58

可以把像GA追蹤或是Facebook Pixel追中功能整合到伺服器中,進而達到提升網站速度。

Varnish快取則是如果你的主機有支援,就會自動開啟。

WP Rocket 附加功能

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 60

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

Cloudflare 設定

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 62

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

如何手動清除快取?

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 64

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

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

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

優化前

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 66

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

優化後

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 68

可以看到使用 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天不滿意保證退款機制。

WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 » 阿德說科技
WP Rocket|Wordpress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學 70

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

價格: 49

幣種: USD

適用系統: WordPress

軟體類別: UtilitiesApplication

推薦指數
5
  • 有任何問題或商業合作,都歡迎透過聯絡我跟我溝通討論。
  • 部落格內某些連結是聯盟行銷,詳細請參閱免責聲明

現在疫情非常嚴峻,除了做好相關防護措施之外,就是避免前往人多的地方如大賣場,增加感染風險,但是不出去就不能補充各類防疫物資啊!其實各類防疫物資在各大電商平台都可以線上訂購,下面幫大家整理各大平台防疫物資專區,幫助大家可以避開人擠人的高風險地區,也可以補充防疫所需要的物資!請大家落實自身防疫,一起撐過去,天佑台灣!

2 thoughts on “WP Rocket|WordPress最好用的快取(Cache)外掛 完整購買流程與詳細設定教學”

  1. Pingback: 教學|主機買好,WordPress安裝好,之後要幹嘛? 10分鐘學會WordPress後台常見操作 | 阿德說科技

  2. Pingback: 什麼是 WebP?5分鐘學會如何在 WordPress 啟用 WebP 圖片 加速網頁載入速度(WP Rocket + ShortPixel) » 阿德說科技

留下評論

Scroll to Top