wp rocket wordpress加速套件

Google 宣布,將於5月開始啟用 Page Experience 網頁體驗信號,納入Google SEO排名因素

因此行動版網站的速度將會被大大列入考量,若沒有通過Page Speed insight 的網站核心指標報告,Google SEO排名勢必會被受到影響

這次剛好有客戶需要將網站文章轉移到Wordpress 部落格形式上,加上文章的關鍵字排名一直沒有起色,在多方評估後,想要找到專業WordPress代管的主機商,並且有任何問題都可以詢問主機商來解決,同時對於速度上的要求更是少不了

Kinsta 有哪些特色

主機商主機代管服務支援網頁快取支援CDN費用適合對象
WordPress.com需要另行安裝套件需要另外購買NT$380/月
(Pro方案)
初學者,全中文支援
Kinsta內建主機快取內建支援USD$35/月使用Wordpress一年以上,有基礎月流量
BlueHost需要另行安裝套件需要另外購買USD$9.9/月初學者,沒有中文支援
自架GCP需要另行安裝套件需要另外購買USD$20高階使用者,懂的如何自架主機以及維護
wordpress.com
適合新手上路,全中文支援

如果剛使用WordPress,或是想要創見自己的部落格,的確可以透過WordPress.com 來快速建立自己的網站。這邊建立使用Pro版本,可以支援WP全部的功能

NT$380/月

中階使用者:功能擴展更方便
中階使用者:功能擴展更方便

提供專屬WordPress的主機,以及可以透過後台管理多個網站,如果企業剛好需要建置多個部落格,可以以較低成本來維護

缺點:沒有提供主機優化,以及WP修改的支援

USD$9.9/月

進階使用者:速度再優化
進階使用者:速度再優化

標榜僅提供WordPress的建置,因此主機已經針對WP進行全面最佳化,並且會監督能安裝的套件,支援伺服器快取、AWS 業界最好的Cloudflare CDN、內建網路攻擊與駭客防護等安全性措施

優點:提供完整WP主機端上的支援,如果網站WP壞掉還可以協助救援

USD$ 35/月

他是標榜專為WordPress打造的環境,所以主機只能安裝WordPress軟體其他都不能使用,有點像Wordpress.com的感覺,但是Wordpress.com比較適合初學者,費用除了較親民之外,建議從Pro版本開始使用,因為才可以使用到全部的功能(安裝套件等)基本款會有很多限制

那Kinsta 打造的專屬環境特別在哪裡? 最佳優化吧,我從官網的介紹來看,他們也是採用Google Cloud Platform的雲端空間,並且可以自行選擇主機的位置,比如台灣的機房就可以選得到,這就很像自己從GCP上面建立一台instant 概念一樣,只不過GCP讓你可以客製化CPU、記憶體、硬碟空間(還可以選是要SSD或是HDD)

Kinsta 主機方案要怎麼選擇

到Kinsta官網查看方案後你會發現,不同方案最主要的限制『WordPress 安裝數量』?? 通常不是一台主機我要安裝幾個WordPress網站都隨便我嗎? ,其實這也是經過Kinsta 最佳化過的,你可以想想如同一個電腦同時開1個瀏覽器,跟100個瀏覽器,哪個操作起來比較順暢? 外面很多主機商標榜沒有限制你安裝幾個WordPress,結果使用到後面,每個網站都會運作得很慢,還會互相影響,如果其中一個網站安裝了一個套件吃掉所有的資源就會導致其他的WordPress網站變得很慢,

  • WordPress 安裝數量:就是依照你要管理的部落格數量來計算,我這邊就是採用Starter方案的
  • 每個月瀏覽量:這邊應該是用不重複ip來計算,網站本身若沒有
  • SSD硬碟空間:基本上一定足夠使用,安裝完WordPress也不會超過1GB的空間,剩下就是存放照片的空間
https://kinsta.com/plans/?plan=visits-pro&interval=month

進入正題:如何透過Kinsta + WP Rocket 來加速WordPress ?

除了Kinsta 先天採用了最好的主機配置之外,也採用 MariaDB 數據庫和 Nginx 網頁伺服器來當作標準配置,相較採用MySQL X Apache 來的更快,也因為如此主機的參數配置也會相對複雜,這種麻煩事就交給Kinsta處理就好。

好現在你擁有Kinsta代管的台灣彰化GCP機房硬體,加上良好的軟體配置,軟硬體都到位了,那還欠什麼?

有玩過WordPress應該都知道,再好的主機,沒有好好管理自己的WordPress 也會是一場災難,比如安裝了一大堆套件,沒有壓縮圖片等

本篇重點就會教你如何使用WP Rocket 網站加速套件,來依依優化你的WordPress 。
但他是一個付費的套件! 沒錯你沒聽錯,連套件都要付費,成本又要多一筆,之前我使用過免費的WP Super CacheHummingbird,但使用起來雖然有開啟基本的網頁快取,但時常發現會導致CPU使用量飆升,進一步導致整個WordPress變更慢了

WP Rocket 加速套件支援哪些功能?

其實Kinsta 本身已經內建了快取功能,他不允許再另外安裝其他套件有支援網頁快取的功能,但Kinsta為WP Rocket 開了後門(重新調整了參數) 可以在使用Kinsta Cache同時,完美兼容WP Rocket 其他功能帶來的好處:

  • 從最基本的GZIP 到壓縮minify js, css,進階的最佳化 CSS 指派 (可以減少render-blocking CSS)
  • 圖片優化:支援LazyLoad、以及最重要的使用次世代圖片格式:Webp
  • 資料庫優化,每週會固定幫你清理文章快取以及暫存檔案
  • 預先載入、預先載入字型、CDN等
  • 支援CDN (基本上不用特別開啟,因為Kinsta 內建的CDN 已經使用Cloudflare 服務)

WP Rocket 快取設定

基本上Kinsta 內建了四種快取,就不需要再透過套件安裝任何快取,可以開啟WP Rocket 行動裝置快取,額外針對行動裝置建立獨立的快取檔案

  • OPcache cache
    用來將儲存編譯過的PHP程式碼,比如載入單一頁面的時候,需要先透過呼叫來自Header, body, footer.php的檔案,這個過程都需要重新編譯一次PHP,如果你有安裝很多功能性的套件,這個過程中都會耗費CPU資源來去重新編譯。透過 OPcache cache會將編譯過的PHP儲放起來,單你瀏覽不同頁面時,只需要呼叫該快取檔案,省去CPU編譯的過程
  • Object cache
    用來減少對資料庫的存取(Query),類似OPcahe Cache運作原理,這次是將常用的資料庫內容快取起來,比如選單、Footer、Sidebar 的內容基本上是固定的,它會將這些常用的資料庫快取起來,減少對資料庫的存取以及PHP的呼叫(存取資料庫需要動用PHP)
  • Page cache
    當你載入 WordPress 網站時,WordPress 必須處理大量 PHP 檔案並多次查詢數據庫。 對於不經常更新的頁面如menu、sidebar,很浪費資源。 因此Page cahe 會將每個網頁區塊暫存起來,當用戶瀏覽不同網頁的時候,這些固定的網頁區塊,僅需要載入一次,剩下都交由快取來處理。
  • CDN cache
    透過CDN可以將CSS, JS檔案,儲存在世界各地的伺服器上面,可以幫助使用者在不同地區此最快路徑的方式存取到檔案,通常伺服器位置離使用者越近延遲越低(最好都在相同國家),同時減輕伺服器讀取檔案的負擔

另外需要將Kinsta Cache Expiration 從1小時,延長到7天。除非你有大幅度的改版樣式,或是安裝新的套件

你也可以透過 右上角Clear Cache的功能,WordPress在你每安裝一個新的套件時,提醒你要清除快取。記得要點下去,這樣用戶才會看到你新增新的功能唷

WP Rocket 檔案最佳化(CSS, JS)

透過最佳化CSS & JS 可以大幅度壓縮與載入檔案的順序,尤其是Javascript,常常會造成頁面讀取時,要先載入JS檔案並且等待渲染完成(Rendering)。正常來說應該要先讓文字內容先讀取,同時讀取CSS樣式表,最後再讀取Javascript功能,但若你安裝了數十個 套件,每個套件都會讀取自己需要的JS檔案,就會造成一個網頁讀取的災難

因此WP Rocket 最佳化JavaScript檔案,這邊提供兩種載入JS檔案的方式:

  1. 非同步載入
  2. 延遲載入Delay

WP Rocket 媒體最佳化

根據統計,圖片佔整體網頁的大小超過80%,因此圖片的優化網頁與SEO上面更加的重要,一個沒有壓縮過的圖片大小超過2MB v.s. 有壓縮過的圖片<200KB,讀取時間可以差異到好幾秒。

它是將你所有上傳的圖片直接壓縮成次世代的圖片格式「Webp」,除了到附加功能開啟 WP Rocket 內建的Webp功能之外,我採用的的是imagify 套件來處理所有的圖片,設定項目更多,並且可以選擇要壓縮的比例。之後會再寫一篇文章來介紹此功能

至於媒體裡面的功能:延遲載入,我則沒有開啟。這功能最主要是針對用戶瀏覽到的圖片才會載入出來,不會一次全部都讀取完畢

WP Rocket 預先載入

WP Rocket 資料庫最佳化

WP Rocket 附加工具