WP Rocket
外掛類型: 網站效能速度
主要功用: 加快網站速度,增進網站效能
什麼是快取
快取(cache)是一個「 優化網站速度 」的計算機記憶體技術,透過「 暫存器緩存 」用戶最近使用的數據,下次瀏覽相同的頁面時,就能更快速的訪問同一個網站!
舉個例子,就好比一家餐廳,如果沒有快取,就好比您每份餐點都是現點現做,客戶到店點餐,要在現場等很久,等店家煮好,才能拿到餐點。但如果有快取,餐廳已經預先製作好,食材都煮好了,當客戶到店點餐,餐廳可以立即打包給客戶,客戶很快就能拿到餐點。節省客戶的時間。增加客戶到店消費的意願。
所以網站運用快取技術,訪客到達您的網站,可以快速讀取他所需要的資訊,不用在那邊等很久,節省訪客的時間。增加客戶到網站瀏覽的意願。
WP Rocket版本
WP Rocket 沒有提供免費版。但比起很多同類型外掛,它的功能強大,操作簡單,優化網站速度的效果顯著,在眾多快取外掛裡,可說是排在前段班。有需要可到WP Rocket官網購買下載。
安裝方式
需要先到官網購買
下載外掛檔案
用上傳外掛的方式安裝
登入Wordpress後台
左邊側欄
點選[外掛]
點選[安裝外掛]
(可在側欄點選[安裝外掛],也可在畫面上方點選[安裝外掛])
畫面上方點選[上傳外掛]
點選[選擇檔案]
選擇您剛剛下載的外掛檔案,按[開啟]
點選[立即安裝]
稍等一下讓它安裝完
按鈕會變成[啟用],(按鈕變成啟用代表已經安裝完)
點選[啟用]
左邊側欄
點選[設定]
點選[ WP Rocket ]
把您購買時取得的註冊碼複製
輸入欄位驗證,就可開通權限
WP Rocket功能列表
- 檔案最佳化 (File Optimization)
- 媒體最佳化 (Media)
- 預載資源 (Preload)
- 進階規則 (Advanced Rules)
- 資料庫 (Database)
- 內容傳遞網路 (CDN)
- 減少服務器資源頻率 (Heartbeat)
- 附加的功能 (Add-Ons)
- 圖片最佳化 (Image Optimization)
以下依序介紹各個功能與設定方式。
檔案最佳化 (File Optimization)
壓縮 CSS:
V_建議開啟,可加快網站速度。
壓縮 CSS 會移除檔案裡所有空白和註解來減少檔案尺寸。CSS 是指網站的樣式。由於 CSS 的工作方式,這可能會破壞您的網站,因此請務必對其進行測試。一般來說,更少的空白和程式碼是一件好事。
啟用此選項後,進行速度測試,發現載入時間減少了 0.87%。(數據來源: Kinsta主機商的工程師,曾針對WP Rocket進行測試,詳請請至Kinsta官網查閱。原文: https://kinsta.com/blog/wp-rocket/ )
排除 CSS 檔:
不用輸入,有特殊情形才會用到。
最佳化 CSS 分派:
V_建議開啟,可加快網站速度。
只先載入關鍵的 CSS 檔案,其他的再用非同步的方式載入,如此一來就能減少讀取的體積,提升網站速度。由於 CSS 的工作方式,這可能會破壞您的網站,因此請務必對其進行測試。
啟用此選項後,進行速度測試,發現載入時間減少了 56.36%。 但請記住,這更多的是關於感知的載入時間而不是實際的載入時間。(數據來源: Kinsta主機商的工程師,曾針對WP Rocket進行測試,詳請請至Kinsta官網查閱。原文: https://kinsta.com/blog/wp-rocket/ )
壓縮 JavaScript:
V_建議開啟,可加快網站速度。
壓縮 JavaScript 會移除檔案裡所有空白和註解來減少檔案尺寸。JavaScript是指網站的腳本檔案。由於 JavaScript 的工作方式,這可能會破壞您的外掛程式或主題的功能,因此請務必對其進行測試。
合併 JavaScript:
X_不建議開啟,可加快網站速度但有風險
把多個不同 JavaScript 檔案合併為一個,藉此減少 HTTP 的請求次數,理論上可加快網站速度。但若開啟,網站容易出問題,若沒有自行排除問題的能力,請不要開啟,
排除 JavaScript 檔:
不用輸入,有特殊情形才會用到。
非同步載入 JavaScript:
V_建議開啟,可加快網站速度。
這也可能會破壞您的網站,因此請務必進行測試。
延遲JavaScript執行(Delay JavaScript Execution):
V_建議開啟,可加快網站速度。
延遲 JavaScript 執行透過延遲 JavaScript 檔案的載入直到第一個使用者進行互動(例如滾動和點擊)來提高效能。
開啟此功能後,進行速度測試,發現載入時間減少了 33.33%。(數據來源: Kinsta主機商的工程師,曾針對WP Rocket進行測試,詳請請至Kinsta官網查閱。原文: https://kinsta.com/blog/wp-rocket/ )
媒體最佳化 (Media)
延遲載入是一種最佳化技術,可載入可見內容,但會延遲顯示在首屏下的內容的下載和呈現。啟用延遲載入選項可以縮短實際和感知的載入時間,因為映像、iframe 和影片僅在進入(或即將進入)視窗時加載,從而減少 HTTP 請求的數量。
針對圖片使用延遲載入:
V_建議開啟,可加快網站速度。
將圖片延遲載入,只有當它們即將進入的訪客視線時,才進行載入動作,能減少一開始就需發送的 HTTP 請求數量。
啟用此選項後,進行了速度測試,發現載入時間減少了 8.55%。這種功能的影響是有限的,因為 WordPress 核心現在在所有圖片上新增本機延遲載入。測試中的輕微改進來自 CSS 背景圖片優化。(數據來源: Kinsta主機商的工程師,曾針對WP Rocket進行測試,詳請請至Kinsta官網查閱。原文: https://kinsta.com/blog/wp-rocket/ )
Excluded images or iframes(排除指定圖片 or iframe):不用輸入,有特別需求再填寫。如果有些圖片不想用延遲載入,就可在這裡面填寫路徑。
針對iframe與影片使用延遲載入:
V_建議開啟,可加快網站速度。
使用預覽圖片取代Youtube撥放器
V_建議開啟,可加快網站速度。
自動用預覽圖像取代 YouTube 影片。這是一個強大的選項,可以減少 YouTube 相關檔案和繁重腳本的影響,這些檔案和繁重腳本會影響載入速度和頁面的 Web Vitals 效能。如果你有大量 YouTube 影片在單一頁面中,這可以顯著地改善載入時間
Image Dimensions(圖片尺寸)
補上缺少的圖像尺寸(Add missing image dimensions):
V_建議開啟,可加快網站速度。
會幫圖片加上缺少的 Width 寬度、Height 高度,減少系統還需自行判斷所耗費的資源。
預先載入資源 (Preload)
在「預先載入」功能表下,您可以選擇啟用快取預先載入、預先載入連結、DNS 預取和預先載入字體。
這等於說,當訪客造訪你的網站時,原來上面這些要讀取的檔案,都已經事先讀取好了,接下來只需讀取其他需要的部分,能大幅優化網站速度。
Activate Preloading(啟用預取):
V_建議開啟,可加快網站速度。
當您啟用預先載入時,WP Rocket 將自動偵測您的網站地圖並將所有 URL 儲存到資料庫中。該插件將確保您的快取始終是預先載入的。
注意: 使用Kinsta代管GCP主機的用戶,請不要開啟此選項。官方不建議在 Kinsta 上託管的網站使用此選項,因為它實際上會因 PHP 工作負載超載而降低效能。
Preload Links(預先載入連結內容)
Enable link preloading(啟用連結讀取)
V_建議開啟,可加快網站速度。
當使用者將滑鼠懸停在連結上時,連結預先載入會下載頁面,從而縮短感知載入時間。
—
進階規則 (Advanced Rules)
此頁維持預設即可。特殊情況才需要調整。
資料庫
文章版本:
已發佈的文章,如果有點擊「 更新 」就會留下文章版本。
自動草稿:
尚未發佈的文章,WordPress 會自動保存草稿。
回收桶文章:
你刪除的文章。
垃圾迴響 & 回收桶迴響:
垃圾留言。
臨時選項清理:
都可放心勾選刪除,它們是由網站外掛生成的。
資料庫清理:
優化體積過大的資料表。
排程清理:
你希望 WP Rocket 多久一次幫忙清數據。
以上各項目,勾選選要清理的項目,按儲存之後,就會自動清理了。
注意:以上的資料庫清除動作皆是不可復原的,建議先進行 網站備份,再執行這些動作。
CDN
CDN(內容傳遞網路 Content delivery network),是一種透過網路互相連結的網路系統,會自動偵測訪客所在位置,並從最靠近使用者地點的伺服器,從中傳送網站資料給訪客。
簡單來說,如果你的伺服器是在美國,但網站客群幾乎都在台灣,那就會自動連取亞洲國家(常見的是日本 or 新加坡),並讀取網站內容給訪客,可以減少讀取的時間。
WP Rocket 在這頁會推薦自家的 RocketCDN 服務,這是額外加購的服務,但基本上用不太到直接略過就好。
如果你用的是 Cloudflare,相關內容也不要在這邊填寫(除非你用的是其他家 CDN 軟體),否則會出現錯誤。
心跳控制(Heartbeat)
Control Heartbeat 控制心跳:
V_建議開啟,可加快網站速度。
其他選項都用預設的即可。
一般情況下,客戶端 Heartbeat 程式碼每 15-60 秒運行一次。根據您的網站和伺服器配置,可能不需要頻繁的 Heartbeat 伺服器 ping。
使用 WP Rocket,您可以將 Heartbeat ping 間隔減少到 2 分鐘,或完全停用網站後端(WP 儀表板)、前端和貼文編輯器的 ping。
對於大多數網站,我們建議使用「減少活動(Reduce activity)」選項。許多現代外掛程式和主題確保 Heartbeat 的核心功能,因此完全停用(Disable)可能會破壞您的網站。
網站大部分的文章發送 / 更新、主題調整更新、網站排程等 .. ,幾乎都會頻繁的向主機請求資源。如果同一時間處理過多請求的話,就可能會造成主機 CPU 滿載,然後網站崩潰的事件。而 Heartbeat 心跳控制,就是為了處理這件事情的,它能有效的控制訪問主機的頻率。
附加功能
X_建議都不要開
圖片最佳化功能(Image Optimization)
圖片最佳化,圖片壓縮,可加快網站速度。頁面所用的圖片檔案越小,自然讀取速度越快。
WP Rocket他會廣告要您另外裝一個外掛IMAGIFY,但IMAGIFY有限制額度,額度一 下就沒了。還要註冊帳號,還要輸入金鑰,設定麻煩。超過額度就要用買的。我有安裝使用過,但後來就把它移除了。不特別推薦,有興趣的人可以自己試用看看。
圖片最佳化,建議使用另一款外掛reSmush.it,真的很好用。免費,全中文介面,操作設定簡單。推薦使用。從WordPress內建的外掛搜尋就可以找到。
WP Rocket的設定大致就到此,之後就讓外掛程式正常運作即可。
WP Rocket使用效果整理
- 加快網站速度
- 提高網站效能
- 節省網站流量
- 節省主機空間
- 節省站長編輯頁面的時間
- 節省訪客讀取頁面的時間
- 時間就是金錢,沒有人喜歡等待
如何有效加快網站速度
- 搬家到好的主機,推薦_高速VPS獨立主機
- 圖片最佳化壓縮,推薦_reSmush.it免費外掛
- 圖片上載到圖床
- 使用好的快取外掛,推薦_WP Rocket付費外掛