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

現代人平均注意力只有8秒的時間!網頁速度絕對影響你的讀者停留意願﹐你可以回想當你點進一個網站﹐卻等了10秒甚至更久的時間﹐你還會繼續等嗎?辛苦產出的網站內容再好再有價值﹐沒人看都是空談﹐更別說是變現了!如果你想提升網站速度﹐就用這款評價最好、用了最有感的WP Rocket外掛。

WP Rocket這個外掛的安裝和設定介面都很簡單﹐這篇我會一步步帶你從購買到完成設定﹐幫助你上手WP Rocket提升網站速度。

尤其推薦給目前用Bluehost主機的你喔!小咪我最一開始就是因為使用Bluehost綁定三年約﹐覺得網站速度慢才找了這款WP Rocket外掛﹐實際安裝完真的速度提升很有感!我推薦給其他用戶也都滿意﹐請一定要試試!用了如果不滿意可以在14天內退費的~

Wp-rocket讀者回饋

怕用了不喜歡WP Rocket提供購買後14天內全額退款保證!≡

影響網站速度的因素

在開始前需要認識影響網站速度的幾個因素:

影響網站速度因素:主機/圖片未壓縮/裝太多外掛

主機

主機是決定網站速度的基本關鍵因素﹐如果主機本身效能不夠﹐無法有效處理網站資料跟流量﹐用再多外掛都不見得有幫助!

評價好的主機有CloudwaysKinsta

🌟點我看⇥ Cloudways完整新手架站攻略

分享我身為用戶的經驗:最一開始經營部落格時用的是Bluehost共享主機﹐裝了WP Rocket後也確實有感速度變快!所以同樣推薦給使用Bluehost主機的你來提升網站速度喔~

圖片未壓縮

圖片沒經過壓縮會讓顯示時間變長﹐通常建議上傳的大小在200KB以下會比較理想﹐你可以使用TinyJPGSquoosh線上壓縮好圖片﹐再上傳到網站。

裝太多外掛

裝太多外掛也會影響網站速度﹐不是裝越多越好!而且外掛太多也會增加彼此衝突產生問題﹐造成網頁出現異常情況。

🌟追蹤網站速度必備工具指標⇥ PageSpeed Insights

還沒用過PageSpeed Insights追蹤自己網站速度表現的你快點進輸入網址查看吧﹐也剛好用來比較使用WP Rocket前後的差異了!

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 」方案﹐顯示的價格是年費﹐每一年會自動續約﹐第二年開始每年都會有折扣價!

WP Rocket 價格方案

輸入個人資料

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

購買個人資料

輸入信用卡資料

(也有Paypal付款的選項喔!)

這裡輸入你的信用卡卡號、到期月/年和安全碼﹐輸入完點橘色按鈕「 Place order → 」確認訂購。

怕用了不喜歡?WP Rocket提供購買後14天內全額退款保證! 可見他們對自家產品多有信心~盡量放心購買吧🌟

到Email信箱收信

購買後記得到你的Email信箱收信﹐WP Rocket信件內會有一組預設密碼﹐可以點「 Change Password 」更改成你的密碼。

(你收到的信有可能和我下面信件內容不太一樣﹐畢竟我是撈當初購買時的信件﹐2021年就開始用了~)

購買WP Rocket後的預設密碼信件

到這裡就完成購買啦~接著看怎麼安裝吧!

如何安裝WP Rocket?

在WP Rocket後台下載檔案

回到WP Rocket首頁﹐點右上角的「 Sign in 」登入後台。

登入WP Rocket路徑

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

下載WP Rocket檔案的頁面

到WordPress後台上傳外掛

接著進到你的WordPress後台﹐直接把下載的zip壓縮檔上傳:側邊欄找到「 外掛 」- 「 安裝外掛 」- 「 上傳外掛 」﹐把WP Rocket的zip壓縮檔上傳﹐接著點「 啟用外掛 」。

啟用後就會在頁面最上方的欄位出現「 WP Rocket 」﹐點他進入優化的設定頁面。

WordPress-WP Rocket的外掛位置

WP Rocket提升網站速度設定

快取

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

WP Rocket快取設定

檔案最佳化

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

檔案最佳化CSS檔案設定

接著頁面下方繼續設定JavaScript檔案:

勾選壓縮JavaScript
☐ 合併JavaScript檔案:不需勾選,如果合併容易造成異常
勾選非同步載入JavaScript
勾選Delay JavaScript execution延遲JavaScript執行

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控制向主機索取資料的頻率來減少主機耗能。

Heartbeat設定

附加功能

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

附加功能設定

恭喜!到這裡總算完成WP Rocket提升網站速度設定了~

查看WP Rocket網站速度優化狀態

接著就可以進到一開頭提到的PageSpeed Insights﹐輸入網址查看使用WP Rocket後改善的分數狀況﹐相信出現的數字都會證明使用WP Rocket來提升網站速度真的有效!

≡ 怕用了不喜歡?WP Rocket提供購買後14天內全額退款保證!≡

網站速度指標

但要達到漂亮的速度表現除了使用WP Rocket外掛來幫忙﹐有太多其他因素會影響網站速度了!你可以透過PageSpeed Insights顯示的紅字項目一一去改善﹐這會需要花費心力﹐長時間持續進行優化✔

接下來小咪會分享更多部落格經營和被動收入相關的內容,記得同時追蹤小咪 IG,我們一起提供自己的價值,一點一滴打造被動收入,一起過上喜歡的生活!

分享給朋友吧:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *