加快網站速度,最強快取優化-WP Rocket外掛

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付費外掛

Maitri元氣站長
Maitri元氣站長

經營網路事業,賺取被動收入
從摸索到實踐,成就理想人生