WP Rocket,最好的WordPress快取外掛,輕鬆提升你的網站速度!

WP Rocket,最好的WordPress快取外掛,輕鬆提升你的網站速度!

如果你是使用WordPress架設網站的話,你一定會使用快取外掛來增加網站的速度,當你在尋找最好的快取外掛是什麼的時候,一定會發現大多數人都會推薦WP Rocket,在經過一段時間的使用之後,今天我告訴大家,為什麼那麼多人喜歡他!

因此在今天這篇文章你會學到:

  • 快取是什麼
  • WP Rocket的介紹
  • 我使用之後的網站速度
  • WP Rocket的設定教學

如果已經知道對WP Rocket有了解了,可以從目錄點選如何找到最適合你的網站的WP Rocket設定,從那部份開始看起。

快取是什麼?

首先在介紹WP Rocket之前,想要先帶你了解什麼是快取。

根據維基百科對快取的解釋,快取的原始意義是指存取速度比一般隨機存取記憶體(RAM)快的一種RAM,通常它不像系統主記憶體那樣使用DRAM技術,而使用昂貴但較快速的SRAM技術。

其實並不是那麼好理解,不過用比較白話的方式解釋的話,通常大家第一次去某一個網站的時候通常都會很慢,但是第二次就明顯快了許多。

這是因為當你第一次上了那個網站之後,Cache功能會把你閱讀過的資料,包括網頁跟圖檔都保存一份在硬碟裡,所以當你在上第二次同一個網站的時候,瀏覽器會先在你的電腦裡的Cache裡找檔案,如果找到了,瀏覽器就會直接從硬碟裡存取,所以就會比較快。

(來源參考至:iThome

這就是快取的意義,他能幫助你的網站更快的被載入,加快網站的速度,這就是為什麼每個網站都會需要用到快取外掛。

WP Rocket介紹

WP Rocket

WP Rocket在2014年推出之後,很快的就受到WordPress專家肯定,被認為是最好的快取外掛,在許多調查裡,也都認為WP Rocket是最好快取外掛。

WP Rocket Facebook民意調查
(圖片來源取自:Online Media Masters

WP Rocket的核心目的就是要讓要讓所有人都可以很輕鬆的可以加快載入網頁的時間,所以他讓很多很複雜的項目,都變成一鍵就可以完成的設定,而且他功能非常的全面,幾乎所有加快網站速度的項目,他都可以完成。

WP Rocket特色

使用方便

就像剛剛說的,WP Rocket把很複雜的項目,變成一鍵就可以完成的設定,這也讓他擁有很簡單的設定介面,可以一目瞭然地知道可以設定的項目,而且大多數只需要點擊一下就可以完成設定。

WP Rocket介面

剛啟用就已經加快網站的速度

WP Rocket在功能上可以分成兩個部分,自動化功能跟設定功能,自動化功能這部分的好處就是,今天就算你不會任何設定,他也可以讓你加快你的網站速度。

他的自動化功能有:

  • 頁面快取
  • 瀏覽器快取
  • GZIP壓縮

在我看來,設定功能的部分就像是進階的功能,可以讓你的網站可以運行的更快更好。

功能全面

剛剛說到,WP Rocket的功能非常全面,幾乎所有功能他都可以完成,如果你有使用那些比較有名的網站測試工具的話(GTmetrixPingdom ToolsPageSpeed Insights),他們裡面所評測的項目,在WP Rocket裡面幾乎都可以完成。

而且在官方網站中,也有針對幾個比較有名的免費快取外掛做比較

WP Rocket功能比較

WP Rocket價格

WP Rocket的價格分成三種方案,每個都是一年的期限,功能上沒有差異,主要是可以使用的網站數目有差而已,分別是49美金一個網站、99美金3個網站、249美金無限個網站。

而且他的在一年之後就會以30%的折扣自動續訂,說起來真的蠻佛心的。

目前WP Rocket正在進行折扣活動,只剩2天了!如果想要使用的人要快!

安裝WP Rocket之後的結果

接下來,我將會向大家展示我在使用WP Rocket之後網站的速度差異,我會分成啟用前、啟用未設定、啟用設定後的三個速度比較,我主要會使用GTmetrix來進行測試。

但就目前來說我的網站資料量還不大,所以速度差異沒有那麼明顯,但是對於網站的資料已經很多的人說,提升的速度當然就會更多。

啟用前

WP Rocket啟用前

啟用未設定

WP Rocket啟用未設定

啟用設定後

WP Rocket啟用設定後-07
總整理 速度 速度差異
啟用前 5.1秒  
啟用未設定 4.1秒 加快1秒
啟用設定後 3.4秒 加快1.7秒

如何安裝WP Rocket

WP Rocket在WordPress後台是找不到的,所以要在官方網站下載,你只要登入之後,就可以找到下載的位置,之後到WordPress後台,到安裝外掛的地方,找到上傳外掛,之後把WP Rocket的zip檔上船就可以囉!

WP Rocket下載

如何找到最適合你的網站的WP Rocket設定

這部分是必須要先向大家說明的,因為每個網站的佈景主題跟外掛都不同,所以需要設定的項目也不同,所以我的設定也不一定是最適合你的,不過我也會將我的設定提供給大家做參考,也會跟大家解釋每個設定項目的功能。

所以在這裡提供給大家設定WP Rocket最好的方法,

  1. 最好的測試方式是不要一次設置完所有的設置,先一次開啟一個選項
  2. 然後在不登入wordpress的情況下進入你的網站去看看網站有沒有什麼問題
  3. 記得要多檢查幾個頁面,因為不一定所有頁面都會有問題

以上的測試方法來自WP Rocket官方推薦方法,也是我認為對於新手來說最好的方法,分享給大家。

我的WP Rocket設定

控制台

除非你想成為Beta版的測試員或是想讓他匿名收集數據,不然建議是不需要選,因為它會讓你的性能會有一點點的下降。

RocketCDN沒有一定需要,如果你有用Cloudflare的話,就更不需要了。

快取

行動裝置快取

這部分如果你的網站有響應設計就不一定要開,如果你的網站有專用的行動裝置主題的話就建議需要開啟,或者是你的網站有專門為行動裝置使用的外掛的話也會需要。

使用者快取

這個部分如果你的網站是有會員網站的話就會需要開啟,他會為每一個網站用戶提供單獨的緩存版本,所以像是電商網站或者網站有會員內容的話就會需要。

快取生命週期

是指緩存的檔案儲存的時間,超過那個時間就會被刪除,數字越低的話就表示他重建緩存的次數就越多,也可以節省伺服器的資源,這部分我就沒有特別調整,但是但是你可以依照你更新網站的頻率而定,沒有每天更新的話就可以增加時間。

檔案最佳化

這部分的選項再打開之後建議都需要去檢查一下你的網站,看看開啟之後會不會有問題,如果有的話就會需要馬上關掉。

基本設定

壓縮HTML可以減少檔案尺寸。

優化Google字體他會減少HTTP請求數量。

CSS檔案

壓縮CSS檔:這部分跟前面壓縮HTTP都會減少你檔案的尺寸。

合併CSS檔案:這部分要注意的地方是如果你的網站類型是HTTP/2的話就不要開啟,如果你不是而且想要開啟的話,他可能會有弄亂網站佈局的問題,如果有這種問題的話,就會需要用到排除CSS的功能,詳細請參考官方的資料

如果想要知道你的網站是不是HTTP/2,可以使用Http2.Pro這項工具。如果出現跟我一樣的結果的話,表示你的網站就是HTTP/2類型,就不要設定合併CSS檔案的選項。

Http2.Pro測試結果

最佳化CSS分派:他會讓你加載網頁的時候不使用CSS,這樣可以讓網頁載入得更快。

WP Rocket設定檔案最佳化CSS設定

JavaScript檔案

刪除jQurey Migrate:他會刪除檔案裡的jQurey Migrate文件,加快加載的速度,但是開啟他的時候要注意,因為有些外掛或是佈景主題還是會需要這個他,所以啟用這個選項會仔細檢查網站,如果有問題要馬上關掉。

接下來的部分根CSS的概念差不多,不過在非同步載入JavaScript下面有針對jQuery的安全模式,是記得一定要開的。

在檔案最佳化的地方再次提醒,如果要開啟,記得一定要檢查網站有沒有問題,如果有就不要啟用他,因為他是有可能對網站造成意象不到的影響的。

媒體

延遲載入

這項功能非常建議一定要開啟,一般來說,當你載入網站的時候,他會一次載好所有內容,但是如果有使用延緩載入的話,他會在你滾動到圖片的時候才會加載圖片,這樣就可以提高網頁的加載速度了。這裡的選項我建議是全部開啟。

WP Rocket設定媒體延遲載入

表情符號

表情符號會讓網站變慢,停用的話就可以增加網站的速度。

內嵌

他會防止其他的網站把你的網站的內容嵌入到他的網站,這樣會佔用你的網站的寬頻給伺服器造成壓力。這部分我認為還好,所以沒有啟用。

WebP compatibility

如果你有使用WebP檔圖片的話,就可以啟用,WebP檔圖片對於網站來說,可以讓網站速度加快,但是目前這個格式的圖片還沒有流行起來,所以有些常用的繪圖工具都還沒有辦法識別這種格式的圖片,所以我目前還沒有使用。

預先載入

Preload Cache

Activate Preloading當網站的緩存被清除以後,網站地圖的預先載入會使用會使用XML sitemap,對所有的網址進行預先載入。

Yoast SEO XML sitemap:WP Rocket會自動檢測Yoast SEO生成的XML sitemap。

如果你不是使用Yoast SEO的話,你可以將SEO你使用的外掛所生成的XML sitemap,加入到預先載入網站地圖的地方。

WP Rocket設定預先載入

預先取得DNS請求:這個設定可以加快外部文件的請求速度,常見的外部文件包括Google、Youtube、社交媒體分享等等的,當然還有很多,想知道你的網站有哪些外部文件請求的話可以GTmetrix裡的Yslow-Reduce DNS lookup找到。

如果還是不知道怎麼設定的話,可以參考常見的DNS預先取得URL

WP Rocket設定預先載入預先取得的DNS請求

Preload Fonts:把網站裡面字體貼到裡面以後,他會預先取得字體,這樣可以讓你網站家載得更快。

WP Rocket設定預先載入 Preload Fonts

進階規則

這部分的功能就是專門提供給電商網站使用的,雖然WP Rocket已經跟大多數的電商外掛兼容了,但是如果在這部分遇到問題可以參考官方提供的資料,在這裡就不多做解釋了。

資料庫

清理資料庫裡的內容,這部分我是全部都選,你可以依照你要刪除的資料做選擇。

WP Rocket設定資料庫

CDN

這部分因為我沒有使用,所以我沒有設定。

WP Rocket設定CND

Heartbeat

Heartbeat APi模組是WordPress用來維護瀏覽器與伺服器之間的連結,這也是你在寫文章的時候他會自動儲存的原因,他會向伺服器發送請求,但是如果太頻繁會導致伺服器負荷過多,導致效能變差。

WP Rocket設定Heartbeat

附加功能

附加功能的部分就針對你有使用的開啟就好。

WP Rocket設定附加功能

Image Optimization

這部分是屬於圖片優化的部分,她是與WP Rocket推出的一個外掛IMAGIFY一起使用的,這部分因為我使用的圖片外掛不一樣,所以我這裡就沒有設定了。

工具

這部分就用來匯出匯入WP Rocket的設定跟還原版本的。

WP Rocket設定工具

結論

網站速度對於每個使用WrodPressg架設網站的網站經營者來說都是一個重大的考驗,當然,能夠提升網站速度的方法不只有快取外掛,不過快取外掛能夠讓網站的速度有很大的提升。

如果想知道更多關於提升網站速度的事情,可以參考我另一篇文章:提升WordPress網站速度,不懂程式也可以優化網站的六種方法

This Post Has 3 Comments

發佈留言