【WordPress外掛】WP Rocket 教學

WP Rocket幫助網站加載速度更快,提高用戶體驗,但「沒有免費版本

外掛購買

首先到WP Rocket官網選擇要購買的方案,選擇「Single」的方案

WP Rocket

輸入基本資料及付款資料

image 137
image 138

付款完成後,信箱會收到帳號成功信,並收到預設密碼

image 140

接下來要把密碼從預設的密碼改成自己想要的,要透過登入頁面「Lost Password」的功能來重置設定密碼。

image 141

之後登入之後,可以到WP ROCKET進到你的帳號中心。

image 143

安裝教學

首先到左下角下載WP ROCKET外掛

image 147

下載完成後到WordPress後台上傳及安裝外掛

image 145

進到WP Rocket頁面,並做一些基礎的設定

首先可以從控制台點選「移除所有快取檔案」,可以把你的網頁的快取清除,加快網頁的速度。

image 148

之後點選快取,打勾「啟動行動裝置快取」,可以加快網頁速度

使用者快取:如果你的網站有提供會員註冊則建議開啟

快取生命週期:保持預設10小時,外掛每10小時會把舊的資料清除

image 149

檔案最佳化 

點選檔案最佳化,點選「壓縮CSS」,壓縮 CSS 功能,可以把檔案多餘的空白、註解刪除,減少體積大小。

點選「最佳化css分派」,載入關鍵的 CSS 檔案,,少讀取的體積,提升網站速度。

image 151

點選檔案最佳化,點選「JavaScript」,壓縮 JavaScript 功能,可以把檔案多餘的空白、註解刪除,減少體積大小。

點選「非同步載入JavaScript」,加速網站載入速度。

點選「Delay JavaScript execution」,延遲載入非必要的檔案,加速網站速度

image 152

針對圖片使用延遲載入」「針對 iFrame 與影片使用載入延遲」「使用預覽圖片取代 YouTube 的播放器」「Add missing image dimensions」全部勾選,可以加速網頁載入速度。

image 153

預先載入

點選「預先載入」,勾選「Activate Preloading」、「Enable link preloading」,加快網站載入速度。

image 154

預先取得DNS請求」: 在你的網頁上有可能會使用其他第三方的外掛,例如 Facebook、YouTube 等。如果有太多的這種向外部網站請求資料的動作,會造成網頁載入速度變慢。設定這項功能的話,可以先透過 DNS 向第三方網站請求資料,進而加速載入速度。

image 155

降下面的網址填入上面的方框

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com
//cdnjs.cloudflare.com
//connect.facebook.net
//w.sharethis.com
//s0.wp.com
//s1.wp.com
//s2.wp.com
//s.gravatar.com
//0.gravatar.com
//2.gravatar.com
//1.gravatar.com
//stats.wp.com

進階規則

一些進階的設定,平常不太會用到

image 156

資料庫

將所有的選項勾起來,可以幫你清理網頁的各種資料庫檔案

image 157
image 159

CDN

Content Delivery Network(CDN)是一種透過網路互相連結的網路系統,會自動偵測訪客所在位置,並從最靠近使用者地點的伺服器,從中傳送網站資料給訪客。

如果你的伺服器是在美國,但網站客群幾乎都在台灣,那就會自動連取亞洲國家,並讀取網站內容給訪客,可以減少讀取的時間。

沒有特別需求的話,可以不用勾選

image 160

Heartbeat

Heartbeat功能可以在三個部分活動,分別是後台、編輯器、前台。網路上看到大部分文章都建議選擇Reduce activity(減少活動),建議根據不同的部分做調整

image 162

附加功能

如果你的網站上有用到的服務再開啟就好,沒有的話可以忽略

image 163

計算優化速度

如果以上設定都設定完了,可以到PageSpeed Insights 來測試優化前後的分數。

image 164

相關網頁:

WordPress 推薦外掛

【WordPress外掛】Site Kit by Google教學

【WordPress外掛】Elementor Website Builder 教學

【WordPress外掛】WP Rocket 教學

【WordPress外掛】 目錄 (Easy Table of Contents)

【WordPress外掛】Jetpack 教學

【WordPress外掛】Rank Math 教學

【WordPress外掛】Updraftplus 教學

【WordPress外掛】WPForms教學

【WordPress外掛】Really Simple SSL 教學

【WordPress外掛】Wordfence 教學

【WordPress外掛】Akismet Spam Protection教學

【WordPress外掛】WPS Hide Login 教學

【WordPress外掛】Polylang 教學