【WordPress】提升網站速度外掛﹕WP Rocket優化教學

現代人平均注意力只有8秒的時間!網頁速度絕對影響你的讀者停留意願﹐你可以回想當你點進一個網站﹐卻等了10秒甚至更久的時間﹐你還會繼續等嗎?辛苦產出的網站內容再好再有價值﹐沒人看都是空談﹐更別說是變現了!如果你想提升網站速度﹐就用這款評價最好、用了最有感的WP Rocket外掛。
WP Rocket這個外掛的安裝和設定介面都很簡單﹐這篇我會一步步帶你從購買到完成設定﹐幫助你上手WP Rocket提升網站速度。
尤其推薦給目前用Bluehost主機的你喔!小咪我最一開始就是因為使用Bluehost綁定三年約﹐覺得網站速度慢才找了這款WP Rocket外掛﹐實際安裝完真的速度提升很有感!我推薦給其他用戶也都滿意﹐請一定要試試!用了如果不滿意可以在14天內退費的~

≡ 怕用了不喜歡?WP Rocket提供購買後14天內全額退款保證!≡
影響網站速度的因素
在開始前需要認識影響網站速度的幾個因素:

主機
主機是決定網站速度的基本關鍵因素﹐如果主機本身效能不夠﹐無法有效處理網站資料跟流量﹐用再多外掛都不見得有幫助!
分享我身為用戶的經驗:最一開始經營部落格時用的是Bluehost共享主機﹐裝了WP Rocket後也確實有感速度變快!所以同樣推薦給使用Bluehost主機的你來提升網站速度喔~
圖片未壓縮
圖片沒經過壓縮會讓顯示時間變長﹐通常建議上傳的大小在200KB以下會比較理想﹐你可以使用TinyJPG或Squoosh線上壓縮好圖片﹐再上傳到網站。
裝太多外掛
裝太多外掛也會影響網站速度﹐不是裝越多越好!而且外掛太多也會增加彼此衝突產生問題﹐造成網頁出現異常情況。
🌟追蹤網站速度必備工具指標⇥ PageSpeed Insights
還沒用過PageSpeed Insights追蹤自己網站速度表現的你快點進輸入網址查看吧﹐也剛好用來比較使用WP Rocket前後的差異了!
WP Rocket為什麼能有效提升網站速度?

#1 快取功能 Cache
快取Cache簡單說是他會把看過的頁面內容保存下來﹐等到下次再進入網站時﹐就會先把上次保存的同樣頁面顯示給你看﹐減少重新跟主機下載資料的過程來增加網頁載入速度。
這也是為什麼當你在調整網站的外觀佈置時﹐變更完進到自己網站看效果前要先清除快取﹐不然你看到的會是之前保存的頁面紀錄﹐才想說怎麼都沒有變更成功?!
#2 文件優化讓你的網站內容更輕量
WP Rocket幫你縮小並合併網站中的CSS和JavaScript程式檔案﹐還會幫你延遲載入JavaScript﹐減少存取時間加速網站速度。
#3 延遲載入圖片
WP Rocket的 LazyLoad功能會避免一次載入網站中所有的圖片﹐會等到讀者滑到時才會載入﹐同時載入100張圖片和只先載入10張圖片兩個就差很多了!
#4 預先載入內容
當你的網站中有其他網頁的資料﹐例如使用到Google字型和社群平台內容等﹐可以設定清單預先載入這些內容。
#5 資料庫優化
設定定時清理網站資料庫﹐自動把不需要的資料像是垃圾桶內的文章、垃圾留言、修訂內容和暫存資料等都清除﹐避免佔用主機資源。
如何購買WP Rocket?
進入WP Rocket方案頁面
進到WP Rocket官網方案頁面﹐選擇方案﹐通常只有一個網站要用的就選第一個「 Single 」方案﹐顯示的價格是年費﹐每一年會自動續約﹐第二年開始每年都會有折扣價!

輸入個人資料
在欄位依序填入你的Email信箱、名字&姓氏、國家下拉選單選擇台灣﹐最下面兩格(州和公司名)可以不用填。

輸入信用卡資料
(也有Paypal付款的選項喔!)
這裡輸入你的信用卡卡號、到期月/年和安全碼﹐輸入完點橘色按鈕「 Place order → 」確認訂購。
怕用了不喜歡?WP Rocket提供購買後14天內全額退款保證! 可見他們對自家產品多有信心~盡量放心購買吧🌟

到Email信箱收信
購買後記得到你的Email信箱收信﹐WP Rocket信件內會有一組預設密碼﹐可以點「 Change Password 」更改成你的密碼。
(你收到的信有可能和我下面信件內容不太一樣﹐畢竟我是撈當初購買時的信件﹐2021年就開始用了~)

到這裡就完成購買啦~接著看怎麼安裝吧!
如何安裝WP Rocket?
在WP Rocket後台下載檔案
回到WP Rocket首頁﹐點右上角的「 Sign in 」登入後台。

進到後台後﹐右邊會看到你購買的方案還有下一次續約的日期。接著滑到側邊欄下方有個橘色按鈕「 Download WP Rocket 」點他開始下載zip壓縮檔﹐下載完就放著﹐不需要解壓縮喔!

到WordPress後台上傳外掛
接著進到你的WordPress後台﹐直接把下載的zip壓縮檔上傳:側邊欄找到「 外掛 」- 「 安裝外掛 」- 「 上傳外掛 」﹐把WP Rocket的zip壓縮檔上傳﹐接著點「 啟用外掛 」。
啟用後就會在頁面最上方的欄位出現「 WP Rocket 」﹐點他進入優化的設定頁面。

WP Rocket提升網站速度設定
快取
側邊欄點選快取﹐這裡要做的是:
✔ 勾選啟用行動裝置快取
☐ 針對行動裝置建立獨立的快取檔案:不需勾選,除非你網站在電腦和手機版面差異很大才需要各別獨立
☐ 為已登入使用者建立快取:不需勾選,除非你網站有會員制度
✔ 快取生命週期:指的是保留快取的時間,可以設定12小時

檔案最佳化
側邊欄點選檔案最佳化﹐這裡要做的是:
✔ 勾選壓縮CSS
✔ 勾選最佳化CSS分派

接著頁面下方繼續設定JavaScript檔案:
✔ 勾選壓縮JavaScript
☐ 合併JavaScript檔案:不需勾選,如果合併容易造成異常
✔ 勾選非同步載入JavaScript
✔ 勾選Delay JavaScript execution延遲JavaScript執行

媒體
側邊欄點選媒體﹐這裡要做的是:
✔ 勾選針對圖片使用延遲載入
✔ 勾選針對iFrame與影片使用延遲載入
✔ 勾選使用預覽圖片取代Youtube的播放器
✔ 勾選Add missing image dimensions自動補上缺少的圖像資訊
要注意延遲載入只能使用一個外掛﹐假如你的佈景主題也有提供延遲載入的速度優化功能﹐那就只能擇一用﹐同時用會造成圖像顯示異常!

預先載入
側邊欄點選預先載入﹐這裡要做的是:
✔ 勾選Activate Preloading啟用預先加載
✔ 勾選Enable link preloading啟用預先加載連結內容
✔ 輸入預先取得的URL:預先加載列表中的外部網站內容﹐例如Youtube就輸入//youtube.com﹐不知道怎麼填的話﹐就參考網友提供的範例複製上去吧!

進階規則
這裡是給有會員機制的網站做設定﹐所以可跳過。
資料庫
側邊欄點選資料庫﹐這裡要做的是:
基本上只要你有固定做好網站備份﹐這些出現的選項都可以打勾然後設定定期自動清理﹐頻率可以設定「 每週 」。


CDN
CDN內容傳遞網路是指一種透過網際網路互相連接的電腦網路系統,利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可延伸性及低成本的網路內容傳遞給使用者。
維基百科
除非你有使用Cloudflare和Sucuri以外的CDN服務,否則這個頁面就不需要輸入填寫。
Heartbeat
側邊欄點選Heartbeat﹐✔ 勾選Control Heartbeat控制向主機索取資料的頻率來減少主機耗能。

附加功能
除非你有使用頁面上的這些額外服務﹐否則不需要開啟設定。

恭喜!到這裡總算完成WP Rocket提升網站速度設定了~
查看WP Rocket網站速度優化狀態
接著就可以進到一開頭提到的PageSpeed Insights﹐輸入網址查看使用WP Rocket後改善的分數狀況﹐相信出現的數字都會證明使用WP Rocket來提升網站速度真的有效!
≡ 怕用了不喜歡?WP Rocket提供購買後14天內全額退款保證!≡

但要達到漂亮的速度表現除了使用WP Rocket外掛來幫忙﹐有太多其他因素會影響網站速度了!你可以透過PageSpeed Insights顯示的紅字項目一一去改善﹐這會需要花費心力﹐長時間持續進行優化✔
–
接下來小咪會分享更多部落格經營和被動收入相關的內容,記得同時追蹤小咪 IG,我們一起提供自己的價值,一點一滴打造被動收入,一起過上喜歡的生活!