【文章在 2022-05-28 更新過內容】
WP Rocket 是一套收費的 WordPress 網頁快取外掛,可以幫助你的網站大幅度提升與改善載入速度,擁有繁體中文化的設定介面,簡單易懂的操作方式,是目前收費快取外掛最優質的一款!
本篇文章會介紹快取的機制,完整的購買流程與詳細的外掛安裝與設定方式,有任何問題都可以在文章底下留言,或透過聯絡我跟我討論溝通喔,時間允許下我都會很樂意為你解答!
什麼是快取(Cache)?
在正式介紹 WP Rocket 快取外掛之前,先帶大家認識了解一下什麼是快取(Cache)機制,有了初步的了解後,會比較容易上手喔!
快取存在的最大意義是:加速網頁檔案載入呈現速度。
在「沒有快取」機制的情況下,如果我要訪問一個網站,會先發出數個請求給伺服器端,伺服器再去資料庫內找相對應的資料,找到後回傳給我,我所要訪問的網站才會完整呈現。
如果網站流量本身不大,那這些檔案請求對伺服器來說不成什麼大問題,但如果你的網站每天的流量都非常大,這就有可能會因為「瞬間請求的流量過大」而使伺服器回應變慢,最糟甚至可以癱瘓伺服器。在這種情況下,除非你的伺服器是很高級很好那種,不然一般的都承受不了這種瞬間流量!
為了避免這種情況發生,進而有快取(Cache)機制的誕生!快取顧名思義就是為了要讓你「快速存取」,透過機制把網頁和必要檔案暫時儲存到快取的伺服器,這樣下次如果你再度訪問的時候,就不會去讀取伺服器資料庫,造成伺服器負擔。
那這樣不就網頁都是舊的?這不用擔心,通常快取外掛都會定時自動清除舊的快取頁面,重新再抓一次快取資料,而定時自動的時間都可以自行設定。或者,每當你更新文章的時候,也可以手動一鍵清除快取,這樣就能確保快取伺服器的資料都是最新的。
快取的優點?
當你的網站有快取的應用後,有以下的優點:
- 大幅減少伺服器負擔,可提高伺服器速度。
- 避免伺服器因瞬間流量而變慢或是癱瘓。
- 加快使用者訪問頁面呈現速度,進而提高 SEO 排名。
快取的缺點?
當然快取的機制也存在一些小缺點,但這些並不會影響我們使用快取的意願,畢竟好處大於壞處啊!
- 網頁非同步更新到快取伺服器
- 如果你有更新內容,使用者有可能看到舊的網頁內容。
- 上述問題外掛會有自動更新機制,定時把舊的內容刪除,再擷取新的內容一次。
- 頻繁更新網站內容的人,如要讓快取同步更新,則必須手動清除快取。
- 也可透過外掛設定快取的生命週期,可把快取清除的時間縮短。
WP Rocket 快取外掛是什麼?
WP Rocket 是一款專門設計來幫助 WordPress 使用者「控管優化快取」的外掛,設定簡單易懂,功能卻非常強大的特色,但「沒有免費版本」,如果想要使用就必須付費!
所謂一分錢一分貨,WP Rocket 在眾多快取外掛中,排名一直都是第一名,會這麼受到愛戴,有以下幾點原因:
- 收費合理,一年合約用在一個網站,只要 49 塊美金,折合台幣約 1380 元,等於一個月約 115 塊台幣。
- 設定簡單易懂,功能非常強大,又有繁體中文介面。
- 提供 14 天不滿意保證退款機制。
如果你想先試試看免費的快取外掛,下面這 4 種也是不錯的選擇,評價都算很好:
外掛購買方式、安裝教學
WP Rocket 並沒有提供免費版本,所以在 WordPress 外掛搜尋中是「找不到」的,必須先購買後才能從官網下載安裝包進行上傳安裝。
這個章節會詳細的說明購買流程以及外掛安裝方式,外掛設定教學會放在下一個章節。
詳細購買流程教學
STEP 1
先透過以下連結,前往官網購買頁面,這邊會用「1個網站」的方案作為示範。
選擇最左邊的「Single」方案,並點擊「Buy WP Rocket」按鈕前往下一頁。
STEP 2
填寫購買者相關資訊,付款方式可以選擇信用卡或 PayPal,填寫完成點擊「Place order」按鈕進行付款。
STEP 3
付款完成之後,你會「收到一封確認信」寄到剛剛所填寫的電子郵件信箱,請妥善保存,裡面有你的帳號及密碼資訊。
STEP 4
接下來先把密碼從官方預設的改成自己想要的,但因為官方的帳號後台並沒有提供變更密碼的功能,我們要透過登入頁面「忘記密碼」的功能來重置設定密碼。
點我前往 帳號登入頁面,並依照以下圖片操作,就可以設定成自己的密碼啦!
按下「Get New Password」按鈕後,你會收到一封修改密碼的確認信,點選信件內的連結,就可以重新設定登入密碼囉!
STEP 5
點我前往 WP Rocket 帳號中心,可以看到相關的資訊,例如合約資訊、自動續約等設定。
外掛安裝教學
STEP 1
點我前往 WP Rocket 帳號中心,在左下角找到「Download WP Rocket」按鈕進行下載安裝包。
STEP 2
下載完成後,到你 WordPress 後台進行外掛上傳及安裝。
WP Rocket 快取外掛詳細設定教學
本章節會詳細解說各項設定,WP Rocket 有好幾個「大項目」可以分別設定快取的細項,如果不知道要怎麼設定的可以跟著我一起喔!
控制台 頁面
- 我的帳號:
- 註冊碼:代表購買合約資訊,Single 代表單一網站授權。
- 過期時間:合約到期時間。
- RocketCND:WP Rocket 的收費 CDN,我這邊是用 Cloudflare,跳過設定。
- 我的狀態:可以設定要不要把使用資訊分享給官方,我設定關閉。
- 清除快取:可以手動清除快取,如果有更新文章,可以手動按一下會比較快。
- 預先載入快取:手動清除後,可以再手動擷取快取內容。
- 清除 OPcache:手動清除 OPcache,是PHP的一種快取機制,比較少用,如果你用的主機沒有支援,這項會隱藏。
- 重新產生 Critical CSS:CSS內容快取機制,可以優先載入必要的CSS,加速網頁呈現速度。
快取 設定
- 行動裝置快取:
- 啟動行動裝置快取:建議開啟,可以加速行動裝置載入速度。
- 針對行動裝置建立獨立的快取檔案:如果你的網頁外觀電腦版跟手機版相差很大,才建議打勾。
- 使用者快取:如果你的網站有提供會員註冊,則建議開啟,可以為個別使用者建立不同快取。
- 快取生命週期:保持預設10小時,外掛每10小時會把舊的資料清除。
檔案最佳化 設定
CSS 檔案
- 壓縮 CSS:建議開啟,可以把整合 CSS 架構,把空白或多餘的行數刪除,減少載入時間。
- 合併 CSS 檔案:建議關閉,有可能造成你網頁排版亂掉。假設你今天有 50 個 CSS 檔案,打勾可以幫你合併成1個,藉以減少對伺服器發出的要求。如果主機是使用 HTTP/2,則強烈建議關閉,可以到 HTTP/2 Test 測試查看主機類型。
- 最佳化 CSS 分派:建議開啟,會幫助優化載入網站時,先載入關鍵的 CSS 檔案,其餘之後再同步載入,提升載入速度。
JavaScript 檔案
- 壓縮 JavaScript:建議開啟,壓縮效果跟 CSS 一樣,刪除多餘或空白的行數,加快載入速度。
- 合併 JavaScript 檔案:建議關閉,合併後會有不預期情況發生。如果主機是使用 HTTP/2,則強烈建議關閉,可以到 HTTP/2 Test 測試查看主機類型。
- 非同步載入 JavaScript:建議開啟,可以加速網站載入速度。
- Delay JavaScript execution:建議開啟,可以在讀取網頁時,延遲載入非必要的檔案,加速載入呈現速度。
媒體 設定
延遲載入
- 針對圖片使用延遲載入:建議開啟,在網頁載入期間,不會一次載入所有圖片,等到使用者滑到接近該圖片才載入,提升網頁載入速度。
- 針對 iFrame 與影片使用載入延遲:建議開啟,理由同上。
- 使用預覽圖片取代 YouTube 的播放器:建議開啟,如果你的網頁有很多 YouTube 影片,可以加速網頁載入速度。
Image Dimensions、內嵌、WebP compatibility
- Add missing image dimensions:建議開啟,自動幫圖片增加「寬度高度」等資訊,減少系統判斷跟幫助使用者明確了解。
- 關閉 WordPress 內嵌功能:建議開啟,防止他人嵌入你的網站內容,造成伺服器負擔。
- WebP compatibility:根據自己情況開啟,如果你有使用到 WebP 圖片格式,並且有搭配正確圖片壓縮外掛,則可以開啟,會加速載入速度。
WebP 是 Google 所推出的一種圖片格式,支援有損壓縮以及無損壓縮,可以大幅減少圖片檔案的大小,增加網頁載入讀取的速度,且圖片品質比原始的PNG、JPEG幾乎沒差別。根據官方測試:
- 在無損壓縮下,WebP 檔案大小比 PNG 減少約 26%。
- 在有損壓縮下,WebP 檔案大小比 JPEG 減少約 34%。
WebP 相關教學設定可以參考這篇文章。
預先載入 設定
Preload Cache
- Activate Preloading:打勾後下方選項才會開啟,建議開啟。
- 啟用以網站地圖為快取的預先載入功能:建議開啟,會根據你的網站地圖生成快取。
- 這個項目會根據你使用的SEO外掛自動呈現,我是使用 Rank Math SEO 外掛,建議開啟。
- 如過你使用的 SEO 外掛沒有支援,則需要手動輸入網站地圖位址。
Preload Links、預先取得 DNS 請求
- Enable link preloading:建議開啟,當你滑鼠移到網頁中任何連結,就會開始預先載入,這樣使用者點擊連結,可以達到快速載入效果。
- 預先取得 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-content/fonts/你的字體名稱.woff2
進階規則 設定
這邊主要是設定一些快取進階的規則,例如哪些網址不快取、哪些 Cookies 不快取等等,這邊我沒有需求,跳過設定。
資料庫 設定
文本、迴響清理
- 文章清理:如果你有文章還原的需求,或是草稿還原的需求,請不要啟用此功能,外掛會幫你刪除。如果啟用的話,也可以大幅減少這些文章或是草稿帶來的空間佔用。
- 迴響清理:建議開啟,自動刪除垃圾留言。
臨時選項、資料庫清理及自動清理
- 臨時選項清理:建議開啟,可以幫你移除非必要的臨時檔案,臨時選項也是可以安心移除的。
- 資料庫清理:建議開啟,可以優化減少體積過大的資料表,提升主機效能。
- 自動清理:建議開啟,可以根據設定的週期自動清理上述設定,預設每週清理即可。
CDN 設定
Content Delivery Network(CDN)是內容傳遞網路,主要的作用是利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。
WP Rocket 有自己推出的收費 CDN 服務,如果你還沒有使用可以考慮,或是用免費的 Cloudflare 做為你的 CDN 服務。
我自己是使用 Cloudflare,所以這邊跳過沒有設定,後面的附加功能中,可以綁定 Cloudflare 服務。
Heartbeat 設定
建議啟用,並保持預設。
Heartbeat(心跳) 心跳控制主要是為你監控並處理對主機的各種請求,進而提升主機效能。
但如果你有發現你的主機效能不敷使用,這個項目又有開啟,那直接升級你的主機會是最好的選擇。
附加功能
一鍵安裝 WP Rocket 附加功能
Varnish 快取則是如果你的主機有支援,就會自動開啟,也可以串接 Cloudflare 和 Sucuri 。
WP Rocket 可以整合 Cloudflare ,方便你進行管理設定。
Cloudflare 設定
輸入你的 Cloudflare 的全域 API、帳號及 Zone ID 就可以進行綁定,並開啟最佳化設定即可。
如何手動清除快取?
可以透過 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天不滿意保證退款機制。
WP Rocket 外掛教學 Wordpress 最好用的快取(Cache)外掛 詳細設定教學 | 阿德說科技
WP Rocket 是一套收費的Wordpress網頁快取外掛,可以幫助你的網站大幅度的提升與改善載入速度,擁有繁體中文化的設定介面,簡單易懂的操作方式,是目前收費快取外掛最優質的一款!
Price: 49
Price Currency: USD
Operating System: WordPress
Application Category: UtilitiesApplication
5
最新文章
- 清晰度激增!最強影片畫質修復技巧公開,AI的畫質修復功能究竟怎樣?
- 3 種 iOS 17 更新方法【iOS 17 下載方法、支援機型重點整理】
- 【教學】如何在 Windows VMware 安裝 macOS 13 Ventura?
- Windows 連 Mac 電腦共用資料夾、共用硬碟,同網域就可快速同步傳輸檔案
- 【限時免費】MultCloud 跨雲端傳輸工具,限時 200GB 流量免費領!
- Mac 連 Windows 共用資料夾、共用硬碟設定技巧教學(含密碼權限)
- Win10/Win 11 辦公室共用資料夾、共用硬碟教學,含不同權限密碼設定(區域網路)
- 【限時免費】AnyViewer Professional 遠端桌面軟體一年份序號免費拿
- 【限時免費】AOMEI Backupper Professional 一年份序號免費拿
- 【限時免費】AOMEI FoneTool Professional 一年份序號免費拿