WP Rocket使用教學

Wp Rocket使用教程

WP Rocket 是一個高階 WordPress 快取插件,有助於提升網站的速度和效能。它透過優化網站程式碼、縮小檔案和快取頁面來達到這個效果。WP Rocket 還包含了許多有助於提升網站效能的其他功能,例如延遲載入圖片、預載字型和關鍵 CSS,以及優化資料庫。

安裝和啟動 WP Rocket 

步驟 1:購買 WP Rocket

訪問 WP Rocket 官網 購買插件授權。

Image 208

步驟 2:下載插件

購買成功後,從 WP Rocket 帳戶頁面中下載插件安裝包(ZIP 檔案)。

Image 212

步驟 3:安裝並啟動插件

1、登入到您的 WordPress 管理後台。

2、導航至 插件 > 安裝插件。

3、點擊 上傳插件,選擇剛剛下載的 ZIP 檔案並上傳。

4、安裝完成後,點擊 啟動插件。

Image 209

基本設定

在安裝並啟動插件後,將自動建立快取。接下來,我們將對 WP Rocket 的基本設定進行配置。

1、導航至 設定 > WP Rocket。

2、在 儀表板 標籤中,您可以查看快取狀態和快速操作。點擊 啟用快取 即可啟動快取功能。

Image 207

快取設定

1、導航至 快取 標籤。選擇“啟用”。

2、選擇 啟用使用者快取 為登入的使用者建立快取。(可選)

3、選擇 分開手機和電腦快取檔案 為手機和電腦裝置分開建立快取。(可選)

4、點擊 儲存變更。

5、進階配置。

Image 206

檔案優化

1、導航至 檔案優化 標籤。

2、選擇 最小化CSS 以壓縮 CSS 檔案。

3、選擇 最小化JavaScript 以壓縮 JavaScript 檔案。

4、點擊 儲存變更。

Image 210
Image 213

延遲 JavaScript 執行(可選)

1、在檔案優化標籤下,找到 延遲 JavaScript 執行。

2、選擇 啟用。

3、將需要排除的 JavaScript 檔案或關鍵字加入到 排除的 JavaScript 檔案 列表中。

4、點擊 儲存變更。

媒體優化

1、開啟“懶載入”,為圖片開啟,框架&影片,用預覽圖代替YouTube框架。

2、圖片尺寸,加入缺失的圖像寬高屬性。

Image 204

預快取

1、預載快取,開啟預快取。

2、連結預取,開啟連結預取。

Image 211

3、DNS 預讀取。

它是針對外部檔案的優化,例如 Google 字型、主題字型,能夠優化行動端速度。你可以透過https://gtmetrix.com/的檢測結果查看你的網站是否有第三方資源,如下圖所示,在waterfall中查看domain欄,如有非本站域名內容,則為第三方資源。

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

Image 203

4、預載字型。

如果你的網站使用了第三方字型,可以填到這裡加速。如果沒有,則留空。

Image 205

其他設定保持預設設定即可,或者根據需要開啟。如果網站出現異常,關閉對應的設定即可。WP Rocket是一個功能強大且容易使用的WordPress快取插件,可以幫助你優化網站速度,提高使用者體驗和SEO排名。透過按照上述步驟設定和優化你的網站,你可以讓你的網站更快、更穩定、更易於訪問。

返回頂端