WP Rocket外掛是提升WordPress網站速度的易用且有效的最佳選擇。本文將介紹如何使用wp rocket加速網站,在開篇,我將直接介紹優化後的數據比較,這也是我為什麼選擇使用wp rocket的原因。
緩存外掛優化網站的測速數據對比
我對本站的B2B模板站https://b2bdemo.loyseo.com/展開了緩存外掛的優化測試:
- 測試工具:https://gtmetrix.com/
- 測試位置:香港(網站服務器在siteground新加坡服務器)
- 測試次數:3次;
- 網站條件:已經做了圖片優化,禁用了谷歌字體,安裝了GA,未開啟cloudflare CDN,
測試結果如下:點擊表格中的鏈接可以看到每次的測試報告
使用的緩存外掛 | PageSpeed Score | YSlow Score | Fully Loaded Time | Total Page Size | Requests |
未使用緩存外掛 | C/73% | B/84% | 2.4s/2.7s/3.1s | 1.58M | 74 |
SG optimizer | A/94% | A/92% | 2.3s/2.6s/3.0s | 1.01M | 18 |
wp rocket | A/96% | A/94% | 1.3s/1.4s/2.5s | 1.02M | 18 |
b2b模板站最初是studyingseo.com,現已更換網域到b2bdemo.loyseo.com
結論是WP rocket明顯勝出了Siteground開發的sg optimizer。
此外,我曾經在比較緩存外掛時,試過了W3 Total Cache、WP Fastest Cache、WP Super Cache等多款外掛,這些外掛都有免費版,但都沒有純付費的WP rocket的操作簡單、學習成本低,並且有些外掛的設置甚至會破壞站點,於是最后買了付費的wp rocket,一用之下確實很棒。

從安全角度而言,保持外掛更新是必要的,只有按年續費才能保持更新,若不更新的話,可能無法修復一些漏洞,不更新外掛也依舊能用,這方面需自己權衡,譬如站點收入較多,能夠覆蓋這方面成本的時候,就可以買付費,最低價格是49美元單站點/年,點此前往查看更多wp rocket價格套餐
也可以在國內買無限授權終身版
接下來,我們講解wp rocket如何使用及配置,這些配置正運用於上文所述的測試站點中。
設置WP Rocket
安裝並啟用wp rocket,啟用後wp rocket就開始按照默認設置發揮作用
我們需要對它進一步設置,點擊wordpress後台頂部的wp rocket》設置,即可進入設置頁面

接下來按照下列組圖框選的選項進行配置,此外:wp rocket外掛自帶中文,只要你把後台的用戶語言設置為中文即可。
儀錶盤
如果用的是破解版外掛,在儀錶盤或者外掛的提示中,都不要參與或啟用測試與分析.

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

文件優化
在文件優化這一頁,將所有選項都選中,然後要在新瀏覽器測試一下頁面有無異常,若是有,則針對每一個優化項目,從下往上逐一關閉進行測試。
注意,勾選合併CSS和JavaScript文件能讓測速工具的評分有所提升,但是,你可以自己體驗一下勾選前後的區別,勾選後,所有CSS或JS合併在一起,會在打開頁面的瞬間察覺明顯的樣式扭曲狀態(因為合併後文件比較大,無法較快輸出,而非合併情況下,大多都是小文件,能夠較快輸出)


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

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

在上圖末尾處,有一欄DNS預讀取功能,它是針對外部文件的優化,譬如穀歌字體、主題字體,能夠優化移動端速度,而在本架設網站教學中,已經將谷歌字體禁用,主題採用的系統默認字體,所以此處留空未設置。
你可以通過https://gtmetrix.com/的檢測結果查看你的網站是否有第三方資源,如下圖所示,在waterfall中查看domain列,如有非本站網域內容,則為第三方資源


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

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


高級規則、數據庫
這兩項保持默認即可。
CDN
若按本站架設網站教學使用的cloudflare cdn,則此處不用設置。
心跳監測
降低心跳監測頻率可節省部分服務器資源,一般都選中。

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

接下來的圖片優化功能也是安裝一個外掛IMAGIFY來實現,我一般不用這個外掛,具體請查看這篇圖片優化教學。
以上設置完畢後,我們可以先用新瀏覽器或無痕瀏覽器查看網站是否有異常需要改正,若正常,則使用工具https://gtmetrix.com/進行測試查看成果。
以後,若修改內容或設計發現用戶端不能生效時,記得在頂部wp rocket菜單下,點擊Clear Cach,如果修改了設計樣式,還需要點擊一下Regenerate Critical Path CSS。必要時也可以禁用wp rocket排查問題。

好了,本篇wp rocket網站速度優化教學到此結束。
Your page rank:
3 回复
您好! 按照您的教程自建了自己的网站, ASTRA主题有个自带的插件litespeed cache, 请问这个插件有用吗? 还是直接删掉? 另外有免费版给网站加速的插件吗? WP rocket全是付费的。 谢谢!
litespeed不是主题带的,是主机带的。
litespeed和wp rocket选一个装,当然后者更容易用,前者配置项太多,我没有深究过,我自己用的litespeed主机,我会找主机客服来配置litespeed(前提是主机说明可以提供配置服务的前提下)
好的,了解了,谢谢您的指导!
評論被關閉。