WP Rocket幫助網站加載速度更快,提高用戶體驗,但「沒有免費版本」
外掛購買
首先到WP Rocket官網選擇要購買的方案,選擇「Single」的方案
輸入基本資料及付款資料
付款完成後,信箱會收到帳號成功信,並收到預設密碼
接下來要把密碼從預設的密碼改成自己想要的,要透過登入頁面「Lost Password」的功能來重置設定密碼。
之後登入之後,可以到WP ROCKET進到你的帳號中心。
安裝教學
首先到左下角下載WP ROCKET外掛
下載完成後到WordPress後台上傳及安裝外掛
進到WP Rocket頁面,並做一些基礎的設定
首先可以從控制台點選「移除所有快取檔案」,可以把你的網頁的快取清除,加快網頁的速度。
之後點選快取,打勾「啟動行動裝置快取」,可以加快網頁速度
使用者快取:如果你的網站有提供會員註冊則建議開啟
快取生命週期:保持預設10小時,外掛每10小時會把舊的資料清除
檔案最佳化
點選檔案最佳化,點選「壓縮CSS」,壓縮 CSS 功能,可以把檔案多餘的空白、註解刪除,減少體積大小。
點選「最佳化css分派」,載入關鍵的 CSS 檔案,,少讀取的體積,提升網站速度。
點選檔案最佳化,點選「JavaScript」,壓縮 JavaScript 功能,可以把檔案多餘的空白、註解刪除,減少體積大小。
點選「非同步載入JavaScript」,加速網站載入速度。
點選「Delay JavaScript execution」,延遲載入非必要的檔案,加速網站速度
「針對圖片使用延遲載入」「針對 iFrame 與影片使用載入延遲」「使用預覽圖片取代 YouTube 的播放器」「Add missing image dimensions」全部勾選,可以加速網頁載入速度。
預先載入
點選「預先載入」,勾選「Activate Preloading」、「Enable link preloading」,加快網站載入速度。
「預先取得DNS請求」: 在你的網頁上有可能會使用其他第三方的外掛,例如 Facebook、YouTube 等。如果有太多的這種向外部網站請求資料的動作,會造成網頁載入速度變慢。設定這項功能的話,可以先透過 DNS 向第三方網站請求資料,進而加速載入速度。
降下面的網址填入上面的方框
//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
進階規則
一些進階的設定,平常不太會用到
資料庫
將所有的選項勾起來,可以幫你清理網頁的各種資料庫檔案
CDN
Content Delivery Network(CDN)是一種透過網路互相連結的網路系統,會自動偵測訪客所在位置,並從最靠近使用者地點的伺服器,從中傳送網站資料給訪客。
如果你的伺服器是在美國,但網站客群幾乎都在台灣,那就會自動連取亞洲國家,並讀取網站內容給訪客,可以減少讀取的時間。
沒有特別需求的話,可以不用勾選
Heartbeat
Heartbeat功能可以在三個部分活動,分別是後台、編輯器、前台。網路上看到大部分文章都建議選擇Reduce activity(減少活動),建議根據不同的部分做調整
附加功能
如果你的網站上有用到的服務再開啟就好,沒有的話可以忽略
計算優化速度
如果以上設定都設定完了,可以到PageSpeed Insights 來測試優化前後的分數。
相關網頁:
【WordPress外掛】Site Kit by Google教學
【WordPress外掛】Elementor Website Builder 教學
【WordPress外掛】 目錄 (Easy Table of Contents)
【WordPress外掛】Really Simple SSL 教學
【WordPress外掛】Akismet Spam Protection教學