專注於企業網站架設,分享WordPress教學和Elementor教學
不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%,感謝你的互惠互助

如何使用WP Rocket加速WordPress網站

更新日期:2021-12-05

掃碼加入 讀者學習群

相關 教學

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

WP Rocket外掛是提升WordPress網站速度的易用且有效的最佳選擇。本文將介紹如何使用wp rocket加速網站,在開篇,我將直接介紹優化後的數據比較,這也是我為什麼選擇使用wp rocket的原因。

緩存外掛優化網站的測速數據對比

我對本站的B2B模板站https://b2bdemo.loyseo.com/展開了緩存外掛的優化測試:

  • 測試工具:https://gtmetrix.com/
  • 測試位置:香港(網站服務器在siteground新加坡服務器)
  • 測試次數:3次;
  • 網站條件:已經做了圖片優化,禁用了谷歌字體,安裝了GA,未開啟cloudflare CDN

測試結果如下:點擊表格中的鏈接可以看到每次的測試報告

使用的緩存外掛PageSpeed ScoreYSlow ScoreFully Loaded TimeTotal Page SizeRequests
未使用緩存外掛C/73%B/84%2.4s/2.7s/3.1s1.58M74
SG optimizerA/94%A/92%2.3s/2.6s/3.0s1.01M18
wp rocketA/96%A/94%1.3s/1.4s/2.5s1.02M18
b2b模板站最初是studyingseo.com,現已更換網域到b2bdemo.loyseo.com

結論是WP rocket明顯勝出了Siteground開發的sg optimizer。

此外,我曾經在比較緩存外掛時,試過了W3 Total Cache、WP Fastest Cache、WP Super Cache等多款外掛,這些外掛都有免費版,但都沒有純付費的WP rocket的操作簡單、學習成本低,並且有些外掛的設置甚至會破壞站點,於是最后買了付費的wp rocket,一用之下確實很棒。

wprocket購買記錄
我之前的wp rocket購買記錄,現在已過期,但依舊可以使用(2020.10 現在又購入了)

從安全角度而言,保持外掛更新是必要的,只有按年續費才能保持更新,若不更新的話,可能無法修復一些漏洞,不更新外掛也依舊能用,這方面需自己權衡,譬如站點收入較多,能夠覆蓋這方面成本的時候,就可以買付費,最低價格是49美元單站點/年,點此前往查看更多wp rocket價格套餐

也可以在國內買無限授權終身版

接下來,我們講解wp rocket如何使用及配置,這些配置正運用於上文所述的測試站點中。

設置WP Rocket

安裝並啟用wp rocket,啟用後wp rocket就開始按照默認設置發揮作用

我們需要對它進一步設置,點擊wordpress後台頂部的wp rocket》設置,即可進入設置頁面

wprocket設置教學

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

儀錶盤

如果用的是破解版外掛,在儀錶盤或者外掛的提示中,都不要參與或啟用測試與分析.

wprocket設置教學-7

緩存

按下圖所選進行啟用,但是,現在大部分主題都是響應式的,並不需要單獨緩存移動端。只有當你正在使用移動端專用的主題或外掛時才建議開啟移動端緩存功能。

wprocket設置教學-1

文件優化

在文件優化這一頁,將所有選項都選中,然後要在新瀏覽器測試一下頁面有無異常,若是有,則針對每一個優化項目,從下往上逐一關閉進行測試。

注意,勾選合併CSS和JavaScript文件能讓測速工具的評分有所提升,但是,你可以自己體驗一下勾選前後的區別,勾選後,所有CSS或JS合併在一起,會在打開頁面的瞬間察覺明顯的樣式扭曲狀態(因為合併後文件比較大,無法較快輸出,而非合併情況下,大多都是小文件,能夠較快輸出)

wprocket設置教學-2
由於版本更新,上圖中的基礎設置應該目前都沒有了,他們已經變成了默認,不需要你做任何事了。
image 11

媒體

按下圖所選進行啟用,通常我們要啟用懶加載,讓圖片在進入可查看區域時才加載,降低頁面加載時間。

wprocket設置教學-4

預緩存

在下圖中,顯示的sitemap源自本站推薦用的免費外掛rank math seo,如果你用的yoast seo等其他seo外掛,此處也會對應顯示出網站地圖供你直接勾選。

wprocket設置教學-5

在上圖末尾處,有一欄DNS預讀取功能,它是針對外部文件的優化,譬如穀歌字體、主題字體,能夠優化移動端速度,而在本架設網站教學中,已經將谷歌字體禁用,主題採用的系統默認字體,所以此處留空未設置。

你可以通過https://gtmetrix.com/的檢測結果查看你的網站是否有第三方資源,如下圖所示,在waterfall中查看domain列,如有非本站網域內容,則為第三方資源

gtmetrix檢測網站第三方文件
gtmetrix檢測網站第三方文件-2

將第三方網域複製後,在DNS與讀取中中填入://第三方網域,譬如://fonts.googleapis.com

wprocket設置教學-8

接下來是預加載字體功能,此處用於填入網站本地的字體(而非谷歌等第三方字體),如果用Google pagespeed insight測速,配置好預加載字體後,測試得分將有明顯的提升。

image 12
在新版本的WP Rocket中,還新增了鏈接預讀取功能,之前我是用flying page外掛來實現這個需求的,現在就直接用WP Rocket了。建議你也要開啟這個功能,它能實現:當鼠標懸停於即將打開的鏈接時,鏈接頁面就已經開始被讀取了,這能加快目標頁面的打開速度哦。 ~
wprocket preload links

高級規則、數據庫

這兩項保持默認即可。

CDN

若按本站架設網站教學使用的cloudflare cdn,則此處不用設置。

心跳監測

降低心跳監測頻率可節省部分服務器資源,一般都選中。

image 13

擴展功能

在下圖中,如果網站裝的是GA代碼而不是GTM代碼,那麼啟用google跟踪的選項,能夠將谷歌跟踪代碼本地化,該供你不能將GTM本地化;如果你還在facebook投放廣告且在網站安裝了Facebook pixel,那麼你可以啟用第二個選項。

wprocket設置教學-6

接下來的圖片優化功能也是安裝一個外掛IMAGIFY來實現,我一般不用這個外掛,具體請查看這篇圖片優化教學

以上設置完畢後,我們可以先用新瀏覽器或無痕瀏覽器查看網站是否有異常需要改正,若正常,則使用工具https://gtmetrix.com/進行測試查看成果。

以後,若修改內容或設計發現用戶端不能生效時,記得在頂部wp rocket菜單下,點擊Clear Cach,如果修改了設計樣式,還需要點擊一下Regenerate Critical Path CSS。必要時也可以禁用wp rocket排查問題。

wp-rocket功能-2

好了,本篇wp rocket網站速度優化教學到此結束。

點贊
0 / 5 4.25

Your page rank:

3 回复

  1. 您好! 按照您的教程自建了自己的网站, ASTRA主题有个自带的插件litespeed cache, 请问这个插件有用吗? 还是直接删掉? 另外有免费版给网站加速的插件吗? WP rocket全是付费的。 谢谢!

    1. litespeed不是主题带的,是主机带的。
      litespeed和wp rocket选一个装,当然后者更容易用,前者配置项太多,我没有深究过,我自己用的litespeed主机,我会找主机客服来配置litespeed(前提是主机说明可以提供配置服务的前提下)

評論被關閉。

超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過