【WordPress教學】WP Rocket 完整設定教學，提高你的網頁速度！

最後更新日期：2019 年 10 月 26 日

本篇文章會教大家如何設定 WP Rocket，並且帶大家瞭解每個設定的用途。

WP Rocket 是我目前最喜歡的 WordPress 快取外掛，也是許多人公認第一名的快取外掛。

如果想要提高你的網頁速度，一定要試試看這個外掛。

還沒有取得 WP Rocket 嗎？

快點下載排名第一名的 WordPress 快取外掛！

取得 WP Rocket

什麼是快取？

快取是運算中用來存放資料子集的高速資料儲存層，通常是暫時性的，因此未來請求該資料時會比存取資料的主要儲存位置速度更快。快取可讓您有效率地重複使用之前擷取或運算的資料(參考AWS)。

具體一點的例子來說，今天我瀏覽一個網站，我的瀏覽器替我在那個網站存留一些暫存資料，當我下一次瀏覽該網頁時，可以更快速的載入網頁。

一般來說，快取對於擁有大量資料、圖片的網頁是不可缺少的功能！

WP Rocket 介紹

WP Rocket 在 2014 年創立，從那時候開始，每年都會被許多 WordPress 專家推薦，更是許多人心目中排名第一的快取外掛。

WP Rocket 最強調的特色就是「Simplicity First」，他們將許多繁瑣的步驟製作成一鍵完成，讓使用者可以輕鬆提升網頁速度。

此外，幾乎所有速度測試網頁的評分項目，都可以在WP Rocket中設定完成，常見的測試網站像是：Pingdom 、PageSpeed Insights 、GTmetrix 。

完整設定教學

如果你還沒有購買 WP Rocket ，請先點下方連結。

取得 WP Rocket

購買完成後，會有一個連結可以下載一包zip，在 WordPress 上傳外掛選擇這包zip，即可開始使用 WP Rocket。

啟用成功後，會看到下圖畫面。

接下來會教大家如何設定 WP Rocket。

注意！在設定之前請先備份網站，設定過程中會對資料庫產生影響！

【WordPress教學】5分鐘教你如何使用 UpdraftPlus 定期備分並且上傳雲端

快取

行動裝置快取可以針對行動裝置的網站速度載入更快。

使用者快取我不選擇，因為我的網站只有我自己管理，如果你的網站有許多使用者，可以勾選。

快取生命週期是指快取的留存時間，我選擇10小時，可以選擇更多！

檔案最佳化

基本設定

基本上這邊三個都勾選，沒什麼太大問題。

CSS 檔案

這裡我選擇壓縮CSS、最佳化CSS分派。

合併 CSS 檔案這個選項，需要看你的網站 HTTP 類型，如果是 HTTP/2 就不建議開啟。

要測試自己的網站是不是 HTTP/2 可以到此網站測試：HTTP/2 Test。

這裡因為速度測試網站不會在乎你是不是HTTP/2，所以沒有合併分數都會較低，但這個測試項目僅供參考！

JavaScript 檔案

這裡我選擇的設定如下圖，合併 JavaScript 檔案千萬不要開啟，很容易造成外掛失效、Google 廣告違反規則！

非同步載入 JavaScript 可能會跟網站衝突，如果發生問題可以不要勾選。

媒體

圖片延遲載入是讓你的網頁滑到圖片位置的時候，才依序載入。

如果沒有開啟這項設定，網頁會在一開始就把所有圖片載入完成，這會嚴重影響載入時間。

表情符號會讓你的網頁針對每個符號都做一個外部的 HTTP 請求，影響載入時間。

內嵌我沒有選擇，我覺得沒必要。

預先載入

預先載入網站地圖(sitemap)可以讓瀏覽器在最開始就先載入你網頁中的所有頁面，這裡可以搭配 SEO 外掛使用。

如果沒有 SEO 外掛的，就在下面貼上自己的網站地圖。

預先取得DNS請求可以讓外部檔案請求更快速，常見的有google、youtube、addthis等等。

如果不會設定的，可以抄我的設定。

//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
//api.pinterest.com
//cdnjs.cloudflare.com
//pixel.wp.com
//connect.facebook.net
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//disqus.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s0.wp.com
//s.gravatar.com
//stats.wp.com