WP & SEO
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我
無結果
View All Result
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我
無結果
View All Result
WP & SEO
無結果
View All Result

Home » WordPress » WordPress|必裝快取外掛WP Rocket教學與使用注意事項

WordPress|必裝快取外掛WP Rocket教學與使用注意事項

by WP & SEO
2021-03-16 - 最新更新時間: 2023-03-26
in SEO, WordPress
WordPress|必裝快取外掛WP Rocket教學與使用注意事項

WP Rocket教學與使用注意事項

優化WordPress網站讀取速度的重要手段之一便是使用快取外掛,這篇介紹的是其中的佼佼者:WP Rocket(官網|優惠整理)。它是付費外掛、不提供免費版,完成購買後才能使用,但付款後14天內無條件退款。雖然最便宜的版本售價是$ 49,但是物超所值、是我必用的WordPress快取外掛!這篇 WP Rocket教學文對應的版本是3.12.6.1(2023/3/7發佈),文章目錄:

  • 安裝WP Rocket
  • 建立快取(cache)
  • 預先讀取快取(Preload Cache)
  • 壓縮、合併CSS / JavaScript
  • 延遲載入
  • 優化資料庫
  • 優化Heartbeat
  • 注意事項
  • WP Rocket的效益
  • 授權管理

其實預設的WP Rocket設定已經很好用、不用特別調整,這也是它的優勢:容易上手。雖然我將注意事項放最後面,但那是文章重點,如果發現安裝WP Rocket之後成效不如預期,可以參考那邊的方式檢查WP Rocket的運作,必要時詢問客服。

WP Rocket-方案
WP Rocket分三種方案,只差在可安裝的網站數量不同

安裝WP Rocket

完成購買後,登入WP Rocket的後台,在左邊側邊欄最下面可以下載WP Rocket的壓縮檔,利用上傳壓縮檔的方式來安裝。日後外掛如有更新會於WordPress後台跳出通知,用WordPress預設的更新方式處理即可。

安裝、啟用外掛之後,於WordPress側邊欄的「設定」點擊「WP Rocket」後便可進入WP Rocket設定畫面。啟用外掛後系統會帶入初始設定,其實也可以不用多作調整,但以下還是會說明重點功能。

除了WordPress後台可以調整的設定,WP Rocket也提供瀏覽器快取跟GZIP壓縮功能,這些都會寫在.htaccess檔案中,無法由WordPress後台調整,要利用FTP或檔案總管來編輯。

部分功能寫在.htaccess、不是由WordPress後台調整

建立快取(cache)

這是最基本的功能、不用額外設定就會自動啟用,用意就是為網頁產生靜態的HTML,使用者造訪網頁時系統會提供這個HTML,省卻了組合程式碼跟資料庫來產出HTML的流程,對優化網站速度幫助很大。

在WP Rocket側邊欄「快取」有個選項:為已登入使用者建立快取,建議不要勾選(即維持預設值)。

如果勾選了,登入的使用者看到的前端就是WP Rocket的快取資料,而不是最新的資料,可能會造成使用者更新內容之後卻一直看到WP Rocket的快取資料而不是最新內容。其他WordPress快取外掛也會有相關設定,要仔細檢查,以免收到其他使用者抱怨。

要如何判斷目前檢視的畫面是來自WP Rocket的快取還是網站原始資料呢?檢視原始碼之後滑到最下面,有出現下列內容就代表網頁內容是使用WP Rocket的快取(最後面的數字可能依網站而異):

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1615864134 -->
WP Rocket-快取
這邊只是針對快取作一些調整,在啟用外掛時系統已經開啟快取功能

預先讀取快取

這是WP Rocket最重要的功能、不是每個WordPress快取外掛都能提供。前面有提到建立快取可以加快網站讀取速度,但是網頁必須要「被讀取過」才能建立快取,這也代表第一個讀取網頁的人感受的速度會比較慢,因為他要讀取原始資料,產生快取之後之後的人才可以讀取網頁的HTML快取。

這時候就是預先讀取快取發揮作用的地方,WP Rocket會自動爬取網頁、建立快取資料,讓第一個讀取網頁的使用者也能讀取快取資料而不是原始資料,加快他感受到的網頁讀取速度。

在WP Rocket側邊欄「預先載入」有些選項,以下說明重點:

  • Activate Preloading:
    • 預設值:啟用
    • 用途:就是啟用預先讀取快取,在更新內容、啟用外掛、手動刪除快取時,系統就會預先讀取快取,也可讓系統預先載入XML Sitemap上網址的快取
  • Enable link preloading:
    • 預設值:啟用
    • 用途:簡單來說,當我們在瀏覽網頁(例:A),系統就會自動下載網頁A上面的其他站內連結的HTML檔案,當我們點擊其他站內連結時,因為HTML已經被下載到瀏覽器,就能加快網頁讀取速度。有興趣的話可以參考這篇說明!
  • 預先取得 DNS 請求:
    • 用途:如果網站有讀取外部資源(就是該資源所屬網域不是你的),填入這些外部資源的網域可以加快DNS解析
    • 填寫方式:填入外部資源得網域(去除http:或https:),例如「//fonts.googleapis.com」、「//www.gstatic.com」
    • 每個網站會用到的外部資源不一樣,請自行看原始碼找出你的網站會用到哪些外部資源
WP Rocket-預先載入
核心WP Rocket功能:預先載入

壓縮、合併CSS / JavaScript

在WP Rocket側邊欄「檔案最佳化」有些選項,可以優化CSS跟JavaScript,以下說明重點:

  • 壓縮CSS:
    • 建議值:勾選
    • 用途:壓縮 CSS 會移除檔案裡所有空白和註解來減少檔案尺寸。
  • 合併CSS檔案:
    • 建議值:不要勾選
    • 用途:將 CSS 檔案合併為一個可以減少 HTTP 請求。如果你的網站是 HTTP/2 不建議使用該功能。不管是Cloudways或SiteGround都已經是用HTTP/2來傳輸檔案,不建議再勾選這選項
  • 最佳化CSS分派:
    • 建議值:勾選
    • 用途:優化網站中清除前幾行內容中的禁止轉譯 CSS,讓網站載入更快速。可以用這個功能處理Page Speed Insight建議的「排除禁止轉譯資源」

以上是CSS的部分,JavaScript也有對應的功能,這邊不另外說明。善用這邊的功能可以優化網站速度,但也很可能導致網站的版面或功能出現問題,如果出錯的話建議逐一停用這邊的功能,看看是誰造成的問題。

順帶一提,我的版型JNews搭配WP Rocket的延遲JavaScript執行功能有點衝突,最後是根據說明文件的建議方式解決,有類似相容性問題的程式不少,建議好好瀏覽那文件。

WP Rocket-壓縮、合併CSS / JavaScript
這邊的功能要謹慎使用,通常會是外掛搞掛前端版面的元凶

延遲載入

在WP Rocket側邊欄「媒體」可以設定一些跟圖片或影片相關的優化,重點功能:

  • 針對圖片使用延遲載入(Lazy Loading)
    • 建議值:不勾選
    • 用途:這是啟用WP Rocket的延遲載入,但WordPress 5.4版起內建Lazy loading,可於Chrome、Edge順暢運作,而且WP Rocket的功能跟我版型有衝突,所以我就沒啟用了
  • Add missing image dimensions:
    • 建議值:勾選
    • 用途:解決圖片沒有設定尺寸造成的「Cumulative Layout Shift」,比較可能發生在logo,對應到Page Speed Insight的提示是「圖片元素沒有明確的width和height」
WP Rocket-延遲載入
在WordPress內建延遲載入後,這邊的重要性就降低了

優化資料庫

在WP Rocket側邊欄「資料庫」可以優化資料庫、刪除無用設定或內容,加快資料庫讀取速度。這也是WordPress快取外掛常見功能,不管用哪一個,優化前有一個重點:要先備份。

我的網站備份時間是凌晨05:00,有最新備份之後我才會優化資料庫,這樣出問題時還原網站,才能保持還原後的網站依然保有最新內容。

至於要優化的資料庫內容可以採用預設值,點擊最下方的「Save Changes and Optimize」就可開始作業,要不要建立排程就看自己需求,我是手動處理。

WP Rocket-資料庫優化
資料庫要不要排程清理看個人,但記得檢查是否有一堆垃圾

優化Heartbeat

在WP Rocket側邊欄「Heartbeat」可以調整Heartbeat的使用頻率。

這邊指的是WordPress Heartbeat API 模組,這是用來進行瀏覽器跟主機間的互動,是必要功能,但用得太頻繁很容易拖慢網站速度、尤其是後台,所以建議調整為「Reduce Activity」。

WP Rocket-Heartbeat設定
Heartbeat常是網站後台緩慢的元凶

WP Rocket注意事項

這篇WP Rocket教學的重點其實是這部分,使用WP Rocket應該會無時無刻感受到網站讀取速度變快,如果經常更新內容然後網站速度時快時慢,建議好好檢查WP Rocket的快取內容是否完整。WP Rocket產生的快取會存放在下列路徑:

WP Rocket-快取資料路徑
請將最後面的網域替代成你的網域

以下兩個項目都會需要觀察這個路徑內的資料,如果主機不提供檔案總管功能,請使用FTP,或安裝檔案總管外掛。

問題1:自動清除快取

WP Rocket內建自動清除快取功能,根據它的說法….不同的行為會清除不同的快取,例如我們只更新A分類下文章A1,那應該只要清除A1跟A的快取,維持其他文章的快取。我遇到的問題是….不管我更新什麼內容,「全部」快取都會被清空,因為更新頻繁導致網站經常在重建全站快取,反而無法利用快取加快網站讀取速度。

使用WP Rocket時要由上面路徑仔細觀察更新文章時快取目錄是否被清空,如果是的話,建議停用自動清除快取功能,改用手動清除快取(官方說明)。再次聲明,這不是每個人都會遇到的問題,只是建議大家如果發現網站速度時快時慢的話,可以仔細觀察網站目錄中的快取檔案變化。

問題2:預先載入快取不完整

如前所述,在更新內容時,WP Rocket會自動刪除舊的快取、建立新的,並自動預先載入快取,但我曾經遇過一個問題:預先載入的快取並不完整。

在WP Rocket預先載入快取時,要特別留意前述路徑內的快取條目是否跟網站內容符合,假設網站有100篇文章,這邊應該就要有100個左右的條目。我的旅遊部落格總共有超過300篇文章,但是每次手動預先載入快取時,常常只有100-150個條目,很明顯地沒有完整載入。

根據WP Rocket客服的說法,WP Rocket的預先載入快取跟SiteGround主機的快取機制有點衝突,我將網站遷移到Cloudways後就沒這個問題了。

要留意WP Rocket預先載入的快取是否完整,用FTP可快速知道總共有多少條目,再跟已發表的文章數比對

WP Rocket的效益

以下使用Page Speed Insight來測試啟用 / 停用WP Rocket的差別,這邊的停用指的是停用本文的WP Rocket優化功能,不是停用外掛。主要差異顯現在手機版的測試結果,除了分數差異,也可看看「最佳化建議」的內容。

如果停用外掛差異會更明顯,因為瀏覽器快取跟GZIP壓縮功能對優化網站速度很有幫助,而單單停用本文的WP Rocket優化功能,這兩個功能還是會正常運作。

測試結果

開啟後效果顯著,但還要特別提醒,任何測試工具的分數都僅供參考,一來跟實際體驗有差距,二來工具多多少少都會誤判,再者,有些建議也不好落實。總之,就我長期的使用體驗來說,WP Rocket不管是在實際體驗面或者工具測試面,成效都很顯著。

手機版測試結果、開啟外掛功能
手機版測試結果、停用外掛功能
桌機版測試結果、開啟外掛功能
桌機版測試結果、停用外掛功能

授權管理

在安裝WP Rocket的時候要注意授權管理,即使只買單站授權,我們也有可能在原本的網站安裝WP Rocket然後想將授權移轉到新的網站。根據官方文件說明,唯一不占用授權的方式就是由網站上刪除外掛,如果發現疑似有人偷用我們的授權,可以由WP Rocket網站登入後台然後讓這些網站無法取得更新,但這時還是會佔用授權就是了。

FAQ

可以同時安裝WP Rocket跟其他快取外掛嗎?

最好不要,同時啟用多個快取外掛很容易造成衝突。如想同時啟用WP Rocket跟主機提供的快取外掛,建議先徵詢WP Rocket客服的建議。

如何於特定文章停用WP Rocket?

如果發現WP Rocket會影響到特定文章的功能或版面,可於該文章的右邊側邊欄的「文章」頁籤找到WP Rocket設定區塊,由那邊調整即可!

可以升級WP Rocket嗎?

可以隨時升級WP Rocket來安裝到更多網站,補差價即可,訂閱到期日不變。

WP Rocket的續約價如何計算?

續約價是原價的一半,登入WP Rocket後台之後,點擊「Billing」就可以看到訂閱狀態、開啟 / 關閉自動更新。

除了WP Rocket,還推薦哪些WordPress速度優化外掛?

WP Fastest Cache、WP Super Cache、W3 Total Cache、Autoptimize都是知名的WordPress速度優化外掛。

遇到無法解決的WP Rocket問題該怎麼辦?

請造訪這個網頁跟客服聯繫,上面也有提供WP Rocket教學影片、說明文件。

心得

WP Rocket設定簡易、功能完整、與外掛及佈景主題相容性佳、效果顯著,再加上非常給力的客服,是我心目中WordPress快取外掛的首選。使用這種類型的外掛一定要仔細測試、不要安裝同性質的外掛,以免造成衝突。

雖然一定要付費才能使用,但付款後14天內保證退款,也算是某種免費試用,值得一試:WP Rocket官網|優惠整理。

最後一點小提醒….WP Rocket只能提供程式端的優化,這只是WordPress速度優化的一部分。舉凡圖檔優化、主機效能、外掛安裝等等,都會大大的影響網站讀取速度,即使完美搞定WP Rocket設定,它也不是萬靈丹。更多WordPress速度優化文章:

  • WordPress|速度優化簡介 – 主機挑選、圖片優化、相關外掛與CDN
  • WordPress|上線AMP網頁必備外掛 – AMP for WP設定與使用心得
  • Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析
  • SEO小教室 – 如何用Photo Scape X批次縮圖與變更檔名

延伸閱讀

WordPress懶人包

  • WordPress架站|註冊網域、安裝網站 / 外掛、設定調整等9大步驟教學
  • WordPress SEO|網域與索引、重點功能、內容編輯等七大主題教學
  • WordPress主機|重點功能要求、主機費用評估、五大主機簡介
  • WordPress推薦外掛|Yoast SEO、WP Rocket、AMP for WP等10大外掛
  • WordPress佈景主題|主題市集ThemeForest挑選、購買、安裝佈景主題教學

WordPress佈景主題

  • JNews|首選部落格 / 雜誌類型付費佈景主題購買與使用心得
  • Soledad|部落格 / 雜誌類型付費佈景主題購買與使用心得

WordPress外掛

  • Yoast SEO|WordPress必裝SEO外掛設定教學
  • Redirection|WordPress必裝301轉址外掛設定教學
  • WP Rocket|WordPress必裝快取外掛設定教學與注意事項
  • WPForms|WordPress必裝表單外掛付費版教學
  • Jetpack|超多工WordPress推薦外掛設定教學
標籤: WordPress SEOWordPress外掛WordPress精選文章網站速度優化
上一篇文章

WordPress|WP Mail SMTP搭配sendinblue提高寄信成功率流程分享

下一篇文章

SEO小教室|2020 Google Quality Rater Guideline讀後感想

WP & SEO

WP & SEO

Hi, 我是Leo,正職是數位行銷,主攻SEO、WordPress、數據分析與內容規劃。以多年自助旅行經驗為基底、WordPress為骨架,打磨SEO與內容行銷專長。曾任KKday SEO經理,以電商平台與WordPress部落格系統穩定提升Google搜尋排名與流量。長期經營「Travel with Leo」作為WordPress與SEO的實驗場!歡迎光臨這個分享SEO、WordPress、自媒體的小天地。聯絡方式: 粉絲頁私訊 | Email 。

下一篇文章
SEO小教室|2020 Google Quality Rater Guideline讀後感想

SEO小教室|2020 Google Quality Rater Guideline讀後感想

無結果
View All Result

最新文章

  • SEO小教室|排名追蹤工具SE Ranking介紹:網站健診功能介紹、競爭者分析運用方式 2024-11-29
  • SEO小教室|排名追蹤工具SE Ranking介紹:專案設定、關鍵字排名報表、篩選功能 2024-11-28
  • WordPress|一鍵執行批次尋找與取代:Better Search Replace 2024-09-11
  • Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析 2024-09-04
  • Cloudways教學|主機設定介紹–FTP登入、PHP版本、備份時間等七大主題 2024-04-03

贊助商廣告

文章分類

  • Android APP
  • SEO
  • WordPress
  • 推薦文章
  • 數據分析
  • 自媒體
  • WordPress
  • SEO
  • 數據分析
  • 自媒體
  • 關於我
使用規範:請遵循CC BY-NC 4.0
聯絡我:粉絲頁私訊|Email。

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。

  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 數據分析
  • 自媒體
  • 關於我

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。