最後更新時間： 2024 年 08 月 14 日
嗨嗨～我是小呆！你有曾經到訪過速度超慢的網站嗎？是不是光等個幾秒鐘就覺得有點不耐煩，想要直接離開呢？
網站載入速度快慢，經常是影響使用者是否願意繼續留在網站的重要關鍵，如果你想要好好抓住每一個進到你網站的使用者，就不能忽略網站速度的重要性！
現在正在讀文章的你，如果也有發現自己的網站有載入速度過慢的問題，本篇文章就來跟大家介紹 WP ROCKET 這個超好用的 WordPress 網站速度優化工具，不僅使用方式就像開關燈一樣超簡單，優化效果也很出色，領先時代網站優化前後，效能就成長了 4 倍！想要擁有高速網站體驗的話，現在就跟我一起來認識 WP ROCKET 吧！
網站速度快慢很重要嗎？
重要，但沒有到超級重要。
我自認為我的耐心不太高（笑），所以當我進入一個網站後，等差不多 5 秒後，如果文章內容或圖片都還是跑不出來，我就會直接關掉去看下一個網頁！
當你千辛萬苦透過 SEO 或是 Facebook、Instagram 等平台，把使用者引導進入網站，結果網站速度載入太慢，使用者完全沒看內容就離開網站，你前面所做的所有努力根本就是白費了啊！
就像是你開了餐廳，消費者好不容易走入店面，結果等了 3 分鐘，都沒有服務生要來引導他入座，消費者的體驗不佳，就有可能直接轉頭決定去隔壁吃飯。
網站速度快慢，是影響使用者願不願意繼續留在網站的重要因素之一。
不過，有沒有必要瘋狂追求極致的網站速度呢？
我倒是覺得沒什麼必要，因為我們體感可以感受出 1 秒和 5 秒的差異，但如果是 1.1 秒和 1.2 秒，基本上應該沒什麼人可以感受出來有什麼不一樣。
就像是兩間餐廳的服務生，Ａ餐廳服務生花 3 秒就出來引導消費者，Ｂ餐廳服務生則是花 5 秒內就出來引導消費者，你應該不會覺得兩間餐廳的服務表現有什麼優劣之分，因為兩間餐廳的服務速度都算很快了！
所以，我覺得只要把網站速度優化到在正常合理的範圍，不要慢的太過離譜就夠了，在 2-3 秒以內網站就會載入完成，基本上就已經算表現非常不錯了！
不需要硬去追求 1 秒或 0.5 秒這種極致快的網站速度，因為你可能會花上很多時間優化，結果成效表現跟載入速度 2 秒的網站差不多，不如把這些時間拿來好好寫網站文章或開發產品，可能對你的品牌會更有幫助。
網站速度慢原因有哪些？
撇除 Wi-Fi 訊號不佳、網速品質差等外部環境因素外，影響網站速度慢的原因通常會與使用的主機，以及網站內的檔案數量有關，這邊就簡單列出幾個常見原因給大家參考：
- 網站所使用的主機或伺服器性能不足
- 網頁內的圖片、影片檔案過大或數量過多
- JavaScript、CSS、HTML 程式碼檔案過大或數量過多
- 網站外掛工具安裝數量過多
- 網站內安插的廣告數量或廣告圖片過多
4 種網路速度測試工具
那麼該怎麼知道自己的網站速度是快還是慢呢？
這邊提供大家 4 個好用的免費網站速度測試工具，每個工具的功能都差不多，只要選擇你喜歡的其中一個用，並以那個工具指標作為網站速度的主要評斷基準就好。
每個工具的測試標準都不一樣，不要一開始用Ａ工具測，後來用Ｂ工具測，這樣測出來的數據就沒有什麼比較價值。
大多數人最常用的就是 Google 官方提供的免費測試工具 PageSpeed Insights，除了會有網站測速的結果外，也會同步提供給你建議改善的指標，而且還是全中文介面，推薦大家可以優先使用這個就足夠囉！
WP ROCKET 是什麼？
WP ROCKET 創立於 2013 年，是一款用來提升網站速度效能的 ＷordPress 外掛插件，操作非常簡單，就像是開關燈一樣，不需要任何技術或程式背景，就能輕鬆提升網站速度，2015 年更被 WordPress 專家評選為最佳快取外掛工具。
WP ROCKET 特色優勢
新手友善，零程式背景也會用
每個網站都需要有不錯的網站速度效能，但並不是每個網站都有專屬的網站速度優化工程師，這時候你就可以靠 WP ROCKET 來幫你的忙！
WP ROCKET 主打簡單易用，操作方法也非常直觀，只要你會開關按鈕，不需要任何技術或程式背景，就能輕鬆達成網站速度優化的效果，非常適合自架網站的自媒體創作者、個人網站經營者！
高效率 3 分鐘就完成優化
如同上面所提到，WP ROCKET 只要你會開關按鈕就會用，所以只要你動手開啟 WP ROCKET 的外掛功能，花不到 3 分鐘，網站就會自動開始優化速度。
節省下來的時間，你就可以拿去寫更多網站文章或開發產品，網站速度就通通交給 WP ROCKET 幫你解決！
與主機、裝置相容性高
WP ROCKET 標榜與市面上 99% 虛擬主機相容，包含 Bluehost、GoDaddy、Kinsta 等知名主機商，且也相容於各種 WordPress 的主題或外掛插件，包含 Astra 、Elementor、Rank Math、Yoast、Wordfence、Woo Commerce 等。
簡單來說，你幾乎不需要擔心 WP ROCKET 的使用限制，不管使用任何主機或外掛，都可以使用 WP ROCKET 來幫助優化網站速度效能！
「 WordPress 架站教學系列文章」
1. Cloudways 教學：WordPress 架站推薦主機，每月 400 台幣即可擁有超高網站效能！
2. 【NameCheap 教學】老字號網域商，10 分鐘快速完成網域購買！完整教學
3. 【 WordPress 架站教學#3】在 Cloudways 中設定 WordPress 網域、網站 SSL 憑證！讓你的網站更安全！
WP ROCKET 優缺點
WP ROCKET 優點
- 不需任何程式或技術背景，新手也會使用！
- 高效優化網站速度，輕鬆享受高速網頁體驗
- 支援多種主機、外掛，裝置相容性非常高
- 提供 14 天內無條件退款保證
WP ROCKET 缺點
- 無提供免費或試用方案
WP ROCKET 價格方案
WP ROCKET 提供三種付費方案，支援功能都相同，唯一的差異就是可以使用的網站數量，以下用表格簡單幫大家比較這三個方案的內容。
| Infinite | Plus | Single | |
|---|---|---|---|
| 價格 | US$299 / 年 | US$119 / 年 | US$59 / 年 |
| 網站數量 | 無限 | 3 | 1 |
若你只有 1 個網站，那我當然是推薦你買 Single 方案就好；若擁有 3 個網站，替換成 Plus 方案會更划算。
那麼什麼狀況下比較適合買 Infinite 呢？我覺得當你手上擁有 7 個網站以上時，再買 Infinite 方案就好，若是 4-6 個網站，不如就買 Plus + Single 或 2 個 Plus 方案即可，費用還會比 Infinite 便宜。
WP ROCKET 提供隨時升級方案的服務，也就是說你可以先購買 Single 方案，等確認有需要時，再跟 WP ROCKET 升級成 Plus 方案就可以囉！
WP ROCKET 有提供免費試用嗎？
WP ROCKET 目前沒有提供免費版，也沒有提供免費試用的服務。
不過，WP ROCKET 有提供 14 天無條件退款的服務，購買任何一個方案後的 14 天內，若有對軟體不滿意的地方，只要提出退費申請，官方就會馬上退款給你囉！
WP ROCKET 網站速度優化實測：以領先時代為例
WP ROCKET 對於網站速度優化到底有沒有效果呢？這邊我就直接用領先時代網站來實測看看，測試前後我都是使用 PageSpeed Insights 來檢測網站速度。
本次我分別測試了行動裝置和電腦的網路速度。
網站速度實測結果：行動裝置
在行動裝置的使用者體驗指標上，使用 WP ROCKET 前後並沒有太明顯的差異。
不過，在效能指標上卻成長了非常多（驚人），開啟 WP ROCKET 功能後，足足進步了 50 分！其餘指標也都有滿明顯的進步！
網站速度實測結果：電腦
領先時代本身在電腦網站的指標表現就滿不錯，因此，使用 WP ROCKET 前後的使用者體驗指標更是幾乎完全沒變。
而在效能面，因為領先時代原本表現就滿好，我還以為應該不會有什麼進步，沒想到使用 WP ROCKET 後，效能和無障礙功能的分數更是一舉衝到 90 分！
總結來說，本次測試結果滿出乎意料的好，在開啟 WP ROCKET 後，網站的效能都有滿明顯的提升，尤其是行動裝置的網站，直接從不到 20 分的分數，衝到及格以上，也讓我深深反省，我之前到底有多麼不在乎領先時代的行動網站表現（大笑）。
WP ROCKET 購買與註冊教學
step 1
進入 WP ROCKET 官網，點選「Get WP Rocket Now」
step 2
選擇想要購買的方案，這邊以購買 Single 方案為例備註：購買方案後的 14 天內如果對產品不滿意，不管任何原因都可以跟官方申請退費哦！
step 3
輸入電子信箱及個人資料
step 4
輸入信用卡付款資料，點選「Place order」
step 5
購買完成後，點選「Download WP Rocket」
step 6
下載檔案為 WP Rocket 的 ZIP 安裝檔，不需要解壓縮先把安裝檔放一邊，接著我們先完成帳號設定後，再回到 WordPrss 後台安裝 WP ROCKET。
step 7
到信箱打開「Your WP Rocket Account」信件，點選「Change Passowrd」
step 8
輸入 Email，點選「Get New Password」
step 9
系統會寄發一封變更密碼信件到信箱
step 10
到信箱打開「Password Reset」信件，點選變更密碼的連結
step 11
輸入新密碼，點選「Save Password」
step 12
密碼更改完成
step 13
回到 WP ROCKET 官網，點選「Sign in」
step 14
輸入帳號密碼，點選「Login」
step 15
登入後就會顯示你目前的購買方案囉！
WP ROCKET 安裝教學
step 1
回到 WordPress 後台，點選左側工作列「外掛 > 安裝外掛」
step 2
點選「上傳外掛」
step 3
上傳剛剛下載的 ZIP 安裝檔，點選「立即安裝」
step 4
點選左側工作列的「外掛 > 已安裝外掛」，找到 WP Rocket，確認外掛是啟用狀態後，就代表安裝完成囉！
WP ROCKET 功能教學
WP ROCKET 支援的功能非常多，這邊我會簡單介紹常用的 9 種功能，告訴大家每個功能的原理，並會建議大家應該開啟或關閉該功能，你也可以根據自己的需求自由調整！
可以從左側工作列「設定」或上方工作列進入 WP Rocket。
(1) WP ROCKET 控制台
控制台提供許多 WP Rocket 的基本資訊與教學，基本上最常用的功能只有「清除快取」。
- Rocket 分析：建議「關閉」，降低資料傳輸比例，避免佔用過多網站效能
- 移除所有快取檔案：清除快取，有需要再使用即可
- Critical Image Cache：清除關鍵圖片快取， 有需要再使用即可
快取是什麼？
快取（Cache）是一種加快網站讀取、減少延遲的一種技術。
一般我們進入網站時，網站會需要到記憶體去抓取資料，但每次抓取都需要耗費流量和時間，這時候如果在第一次進入網站時，先將內容暫時儲存在「快取」，下一次進入網站的速度就會加快很多。
用蛋糕店來舉例，網站就是蛋糕店櫃檯，快取就是櫃檯旁的小冰箱，記憶體就是廚房裡放庫存的大冰箱，在還沒有購置小冰箱前，每次只要有客人點餐，就必須走到廚房拿大冰箱的庫存，這時候如果放一個小冰箱在櫃檯旁邊，先把一些蛋糕暫時放在小冰箱裡，點餐結帳的速度就會快很多！
什麼時候要清除快取？
快取會暫時儲存網站資料，也就是說你最近幾次進入網站，看到的都是已經先儲存好的快取資料。
因此，當你某天有修改網站設計、更新程式碼、文字或圖片時，或是發現網站載入出現錯誤資料時，就要記得「先清除快取」，開啟網站時，才會顯示更新後的網站內容。
(2) WP ROCKET 檔案最佳化
- 壓縮 CSS：建議「開啟」，幫助減少 CSS 檔案大小
- 最佳化 CSS 分派：建議「開啟」，優先載入重要的 CSS 檔案，減少讀取資源所耗費的效能
- 壓縮 JavaScript：建議「開啟」，幫助減少 JavaScript 檔案大小
- 非同步載入 JavaScript：建議「開啟」，讓網頁中的資源可以同時間一起載入，不需要依上到下的順序載入，提升網頁載入速度
- Delay Java execution：建議「開啟」，將不重要的 JavaScript 延遲載入，減少資源讀取量
(3) WP ROCKET 媒體
媒體的「延遲載入」功能建議全部開啟。
一般進入網站時，不管使用者是否會看到，網站就會開始讀取整個網頁的圖片、影片內容，而「延遲載入」則是當使用者滑到圖片或影片區塊時，才開始載入媒體檔案，避免一開始耗費過多資源載入大圖檔案，進而提升網站載入速度。
- 針對圖片使用延遲載入：建議「開啟」
- Enable for CSS background Images：建議「開啟」
- 針對 iFrame 與影片使用延遲載入：建議「開啟」
- 使用預覽圖片取代 YouTube 的播放器：建議「開啟」
- Add missing image dimensions：建議「開啟」，自動幫圖片補上尺寸大小，避免系統還需要耗費過多資源來判斷圖片大小
(4) WP ROCKET 預先載入
- Activate Preloading：建議「開啟」，可自動預先載入 sitemap 中的網址或內容，提升網頁載入速度
- Enable link preloading：建議「開啟」，可自動預先載入超連結的頁面內容，點擊連結後就可以直接瀏覽網頁
- 預先取得 DNS 請求：建議「輸入必要網址」
- Preload Fonts：建議「輸入必要字體」
若你的網站本身已有安裝多種外掛，或是經常內嵌 YouTube、Instagram 等第三方平台，就可以在這邊先輸入好這些網址，讓系統預先幫你載入好檔案，提升網頁載入速度。
領先時代文章中經常會嵌入 YouTube、Instagram 等內容，因此我就會輸入這兩個平台的網址，讓 WP Rocket 預先幫我載入好，避免每次讀取網頁時，都要耗費太多資源去第三方平台請求資源。
字體也是同樣的概念，若你的網站中有多種字體樣式，就可以在這邊輸入字體資訊，讓 WP Rocket 預先幫你載入完成哦！
(5) WP ROCKET 進階規則
進階規則大多只有電商、購物網站會使用，一般品牌或是部落格網站幾乎不需要調整這個區塊，留空即可。
(6) WP ROCKET 資料庫
資料庫功能主要是用來「清運網站資料庫垃圾」，包含舊有文章版本、垃圾文章、垃圾訊息 … 等，且可以設定「自動清理頻率」。
如果你平常就有習慣性清理網站文章、留言的習慣，這個功能可以不用特別開啟，但如果你基本上沒在清理這些檔案，經常在網站內留存一大堆垃圾，就可以設定自動清理的功能，幫你減輕網站的負擔。
不過，特別注意！一旦開始清理資料庫，這些資料就會直接被永久刪除，沒辦法復原！所以清理前務必要再次檢查確認，將重要的資料備份好，避免不小心誤刪重要資料哦！
(7) WP ROCKET CDN
CDN是一種網路連線系統，會根據使用者的所在地，選擇離使用者最近伺服器來傳送資料，減少讀取資料所耗費的流量和時間。
不過，這個功能是需要額外付費的，如果你希望網站速度效能再更高一些，就可以考慮購買，但若你只是希望網站速度不要慢得太離譜就好的話，這個功能就可以先跳過，暫時還不需要使用。
(8) WP ROCKET Heartbeat
- Control Heartbeat：建議「開啟」，可以協助減少並控制請求讀取資源的頻率，避免資源讀取超載而影響網頁載入速度
(9) WP ROCKET 附加功能
WP Rocket 有將部分常見的軟體工具，整合到 WP Rocket 系統當中，開啟附加功能後，未來若需要請求讀取這些軟體工具的資源，就可以在 WP Rocket 內部完成讀取，不需要再到耗費資源到外部請求讀取。
這邊可以根據目前網站的現況，自由開啟現在有正在使用或是經常使用的服務即可。
WP ROCKET 退款教學
step 1
進入 WP ROCKET 官網，點選「Sign in」
step 2
輸入帳號密碼，點選「Login」step 3
點選左側工作列「Billing」
step 4
找到「Your Invoices」，點選「Get refunded」
step 5
選擇最下方的「No, I’d like a refund」
step 6
選擇一個退款原因，點選「Confirm Refund」
step 7
送出申請後，WP Rocket 馬上就會完成退款，只要出現下方畫面就代表退款成功囉！
結語
以上就是 WP ROCKET 的使用教學，希望對大家有幫助，如果在使用上遇到什麼困難，也歡迎在底下留言跟我說，我會盡快回覆大家的！
