00 Powered Cache的9項優化指南,輕鬆提升WordPress網站速度 cover 800x400

Powered Cache的9項優化指南,輕鬆提升WordPress網站速度

  • Post category:WordPress
  • Reading time:38 mins read

利用快取外掛加快 WordPress 網站載入時間,是每個站長追求的目標。新手站長不妨優先考慮 Powered Cache 這款快取外掛,理由有:(1) 不需懂程式碼 (2) 操作介面簡潔 (3) 功能設定簡單易用 (4) 多合一功能 (5) 網站優化快又有效

這篇文章中,著重於使用者體驗實用技巧分享深入了解 Powered Cache 的效能優勢。最後,再分享使用別款快取外掛後,最後還是回歸到 Powered Cache 的心路歷程。再提醒一次,WordPress 網站速度優化是必要的!因為 Google 在2010年就提到:更快的網站速度,代表更好的使用者體驗、更好的 SEO 排名。(來源:Using site speed in web search ranking, Friday, April 09, 2010)

Powered Cache 免費版實測結果

Powered Cache 屬於一個新的 WordPress 快取外掛,特性除了設定簡單之外,網站經過優化後,能立即看到網頁快速被載入的結果。

13 Powered Cache official website
最佳輕量級快取外掛(圖片來源:官網)

官網:https://poweredcache.com/
常見問題:https://poweredcache.com/faq/
用戶指南:https://docs.poweredcache.com/
X(Twitter):https://twitter.com/PoweredCache
免費版下載點:https://wordpress.org/plugins/powered-cache/

網站規格

主機硬體:AMD Ryzen CPU + X570 主機板 + NVMe SSD
架站軟體:XAMPP for Windows 10
佈景主題:OceanWP
網頁嵌入 Google Adsense 廣告的外掛:Ad Inserter
Webp 圖片優化外掛:EWWW Image Optimizer
其餘必備外掛:Rank Math SEO、UpdraftPlus – Backup/Restore、Wordfence Security、wpDataTables
測試網址:如何使用 Movavi Video Editor 將照片製作影片動畫呢?

在 Google PageSpeed Insights 的測試結果,【行動裝置】分數:33分(無快取外掛) vs 63分(免費版快取外掛)

26 Google Pagespeed Insights - Mobile perfromance with powered cache
Google Pagespeed Insights – Mobile

在 Google PageSpeed Insights 的測試結果,【電腦】分數:89分(無快取外掛) vs 99分(免費版快取外掛)

25 Google Pagespeed Insights - Desktop perfromance with powered cache
Google Pagespeed Insights – Desktop

在 GTmetrix 的測試結果,【D】等級(無快取外掛) vs 【A】等級(免費版快取外掛)

24 GTmetrix Speed Visualization with powered cache
GTmetrix

由測試結果明顯看到:
安裝 Powered Cahce 快取外掛後,網站速度立即得到大幅度提升的結果。

Powered cache – Basic Options

27 Powered cache - Basic Options -1

Page Cache:建議啟動選項。
PoweredCache 自動將網站內容產生靜態 HTML 檔案,避免執行 PHP 程式碼與資料庫查詢。

Object Cache:Off
除非使用 Memcached server and the PECL Memcache extension 或 Redis server and phpredis extension,否則是無法啟動這個功能。

Mobile Cache:
1). Enable caching for mobile devices:建議啟動選項,這樣快取檔案可以用在行動裝置。
2). Use separate cache file for mobile:電腦版與行動版裝置是一樣的網站內容,就不要啟動選項。

Logged in user cache:建議不要啟動選項

28 Powered cache - Basic Options -2 688x378

Gzip Compression:建議啟動選項
1). 在 \php\php.ini 已經有啟動 Gzip 功能,上面選項就不需要啟動。
2). 在 \apache\conf\extra\httpd-ssl.conf 有添加 Gzip 程式碼的話,上面選項也不需要啟動。
檢查 Gzip 壓縮功能網站:https://www.giftofspeed.com/gzip-test/

Cache Timeout:網站屬於靜態內容的話,時間可設多天

Powered cache – Advanced Options

29 Powered cache - Advanced Options -1 511x486

.htaccess Configuration:建議啟動選項
官方註解:You are using a .htaccess compatible server. Powered Cache automatically configures .htaccess to giving the best performance when this option is enabled. Highly recommend keeping this option enabled unless you are keeping .htaccess under a version control system.

Rejected User Agents:自行決定
網頁瀏覽器是一個幫助使用者取得網頁內容,可針對特定網頁瀏覽器用戶代理不提供快取結果。

Rejected Cookies:自行決定
快取會忽略特定 Cookies 。預設忽略的 Cookies 有:

‘wp-postpass’,
‘wordpressuser_’,
‘wordpresspass_’,
‘wordpress_sec_’,
‘wordpress_logged_in_’,
‘powered_cache_commented_posts’,
‘comment_author’

29 Powered cache - Advanced Options -2

Vary Cookies:自行決定
針對用戶端 Cookie,外掛可以產生個別的快取內容,適用於動態網站的情況下。

Never cache the following pages:自行決定
針對特定網頁不進行快取。

Cache Query Strings:自行決定
針對查詢字串不進行快取。

29 Powered cache - Advanced Options -3

Ignored Query Strings:自行決定
針對特殊字串不進行快取。預設忽略的 Cookies 有:

‘fbclid’,
‘fb_action_ids’,
‘fb_action_types’,
‘ref’,
‘gclid’,
‘fb_source’,
‘utm_source’,
‘utm_medium’,
‘utm_campaign’,
‘utm_term’,
‘utm_content’,
‘utm_expid’,
‘_ga’,
‘mc_cid’,
‘mc_eid’,
‘campaignid’,
‘adgroupid’,
‘adid’,
‘age-verified’,
‘usqp’,
‘cn-reloaded’,
‘ao_noptimize’,

Purge Additional Pages:自行決定
文章有更新或新增時,在欄位中的 URL 一定會被清除快取資料。

Powered cache – File Optimization

30 Powered cache - File Optimization -1

Basic Settings:建議都啟動選項
根據自身網站狀況,可微調上述功能。
基本上大部分網站都適合啟動全部功能。

30 Powered cache - File Optimization -2

CSS Optimization:
1). Minify CSS:建議啟動選項
2). Combine CSS files:網站有支援 HTTP/2 的話,不需要啟動選項

30 Powered cache - File Optimization -3

Critical CSS 與 Unused CSS:付費版功能
可加快網頁速度並提高 Google Pagespeed Insights 的分數。
Critical CSS:官方說明文件。可加快顯示在螢幕上出現的第一個完整內容
Unused CSS:官方說明文件。針對個別網頁內容,把不需要的 CSS 程式碼刪除

30 Powered cache - File Optimization -4

JavaScript Optimization:
1). Minify JavaScript Files:建議啟動選項
2). Combine JavaScript Files:網站有支援 HTTP/2 的話,不需要啟動選項
3). Load JavaScript deferred:建議啟動選項

30 Powered cache - File Optimization -5

4). Delay JavaScript execution:務必要自行測試,避免某些需要先執行的 JS 檔案卻沒有執行,造成網頁排版錯誤或頁面不正常

30 Powered cache - File Optimization -6 529x142

Rewrite File Optimizer:建議啟動選項
假使 Minify CSS 的功能不正常,建議把 Rewrite File Optimizer 選項取消。理論上要在快取路徑下: \htdocs\wp-content\cache\min\ ,能看到最小化的檔案才是正確的。

50 minify css outcome

Powered cache – Media Optimization

31 Powered cache - Media Optimization-1

Image Optimization:付費版功能
Powered Cache 快取外掛會自動把網站的圖片儲存到他們的伺服器,並把圖片網址更改成 img.poweredcache.net。伺服器會自動將圖片最佳化、更改適合尺寸、轉換成 AVIF or WebP 格式,最後傳送到用戶的瀏覽器。
支援的圖片格式:GIF, PNG, JPG, WebP, AVIF, BMP and SVG 

Lazy Load:
1). Enable Lazy Load:假使有其他外掛已經啟動 Lazy Load 功能的話,可以取消選項。
2). Disable WordPress Native Lazy Load:建議把 WordPress 內建的 Lazy Load 功能取消。

Image Dimensions:付費版功能
某些圖片外掛有提供相同功能。

Embeds:自行決定
把內嵌 YouTube 影片網址,轉換成一般網址可加快網頁速度。

Emoji:建議啟動選項

Powered cache – CDN Integration

32 Powered cache - CDN Integration-1

CDN:自行決定
1). 假使是自架網站且伺服器位置在台灣的話,建議不要啟動 CDN 服務,不然網頁連線速度反而會變慢。
2). 假使網站有 CDN 服務的話,可以參考官方文件 – CDN 進行設定。

Powered cache – Preload

33 Preload-1

Cache Preload:建議全部啟動

Sitemap Preloading:付費版功能
快取外掛會自動把 Rank Math, Yoast SEO, All-in-one-SEO Pack, and SEOPress 產生的 Sitemap 檔案進行快取。除非使用其它 Sitemap 產生器,才需要把 Sitemap 網址填寫在欄位中。

33 Preload-2

Prefetch DNS:自行決定
在網頁內容被下載前,可以先解析欄位中輸入的第三方網域名稱,來縮短時間延遲。
注意:假使輸入太多第三方網址,反而會拖慢整體網頁速度。

Preconnect:自行決定
同上述說明,不同的是還可以建立 TCP 連線與執行 TLS 溝通。
注意:假使輸入太多第三方網址,反而會拖慢整體網頁速度。

Prefetch links:付費版功能
網頁中出現的內部連結,能預先抓取內容,提高使用者體驗。

Powered cache – Database Optimization

34 Database Optimization -1

Database Optimization:建議全部選取

34 Database Optimization -2

Schedule Cleanups:付費版功能
可使用手動清除來取代定期清除。

Powered cache – Extension

35 extension  -1 571x404

Cloudflare:自行決定
在 WordPress 網站內,可透過這個功能來清除 Cloudflare 的快取資料。

Varnish:自行決定
只適用於使用 Varnish 伺服器架設的網站,才能透過這個選項清除 Varnish 伺服器上的快取資料。

35 extension  -1 570x404

Heartbeat:建議啟動選項
可減少網站忙碌程度。

Google Tracking:付費版功能
可快取 Google 相關檔案。

35 extension  -2

Facebook Tracking:付費版功能
可快取 Facebook JS 檔案,加快網站速度。

Powered cache – Misc Settings

36 Misc Settings -1

Cache Footprint:建議啟動選項
用來確認網頁是否已經被快取了。

Async Cache Cleaning:自行決定
實驗階段,避免不預期問題,就先觀望。

Download Configuration:自行決定

Reset All Settings:自行決定
所有功能設定回復到初始值。

Diagnostic:自行決定
確認網站是否都安裝所需的程式。

36 Misc Settings -2

Export:自行決定
將設定檔輸出備份。

Import:自行決定
匯入之前的設定檔。

Powered Cache 付費版實測結果

付費版與免費版快取外掛在 Google PageSpeed Insights 的比較,【行動裝置】部分的分數:85分(付費版快取外掛) vs 63分(免費版快取外掛)。

49 Google Pagespeed Insights Mobile - WordPress Cache plugin free vs paid

付費版與免費版快取外掛在 Google PageSpeed Insights 的比較,【電腦】部分的分數:100分(付費版快取外掛) vs 99分(免費版快取外掛)。

48 Google Pagespeed Insights Desktop - WordPress Cache plugin free vs paid

[Free] WordPress Cache Plugins 的比較

從架站以來,這幾年試用過不下 10 種免費的快取外掛,但是免費版始終都缺少某些必要功能,往往抓龜走鱉陷於無限循環當中。

網站速度要快,外掛數量就要少!

All-in-One WordPress Cache Plugins

個人偏好多功能型的快取外掛,同時需要具備 Preload、clear Database、critical CSS/ remove unused css…等功能。

更換 WP-Optimize 的原因:Does WP-Optimize really cheat PageSpeed scores?

Conclusion
WP-Optimize optimizes the website for specific user agents. These aren’t real optimizations but shady practices. Using WP-Optimize will fool performance testing tools and might make you happy when you see green scores, but it probably won’t make your users happy.

更換 Breeze 的原因:曾經遇到 WordPress 版本升級了,但是 Breeze 還沒有更新版本造成版面亂掉。另外一點,網站速度提升似乎普通而已。

更換 Cache Enabler 的原因:這是使用最長一段時間的快取外掛,雖然好用但是要搭陪另外兩個外掛來實現 clear Database 與 Minify JS、CSS,更別提 Preload 的功能了。最終,還是換掉 Cache Enabler。

更換 Swift Performance 的原因:始終覺得網站速度提升不是很明顯。

WordPress
Cache Plugins
Minify
JS、CSS
必須
搭配
Autoptimize
DatabasePreload
Powered CacheYesNoYesYes
WP-OptimizeYesYesYesYes
BreezeYesNoYesYes
Cache EnablerpoorlyYesNoNo
Swift PerformanceYesNoYesYes
All-in-One WordPress Free Cache Plugins

Advanced WordPress Cache Plugins

進階型快取外掛設定相當複雜,有時看到名詞後也不知道如何設定。而且網站速度也沒有特別好,可能是設定方面需要加強。

WordPress
Cache Plugins
門檻難易度網站速度
W3 Total Cache極高極高
Hummingbird普通普通普通
WP Super Cache簡單普通
WP Fastest Cache簡單普通
Comet Cache簡單
Autoptimize普通普通
Advanced WordPress Free Cache Plugins

[Paid] WordPress Cache Plugins 的比較

有效提升網站速度Google PageSpeed Insights 分數接近滿分價格親民,個人認為首選是:

WordPress
Cache Plugins
1 year2 years3 yearsTotal
Cost
PoweredCache (1年)$39$39
PoweredCache (2年)$39$39$78
PoweredCache (3年)$59$59
WP Rocket$59$59$59$177
FlyingPress$60$42$42$144
NitroPack$175$175$175$525
WordPress Paid Cache Plugins

架設 WordPress 網站相關資訊

架站硬體

電腦系統

free desktop pc svgrepo com
click svgrepo com

寬頻網路

globe connection svgrepo com
click svgrepo com

架站工具

軟體懶人包

xampp svgrepo com
click svgrepo com

申請網域

domain www svgrepo com
click svgrepo com

SSL 憑證

certificate ssl svgrepo com
click svgrepo com

商標設計

logo apple ar svgrepo com
click svgrepo com

架站效能

網站設定

setting line svgrepo com 1
click svgrepo com

網站設定

軟體參數微調

快取外掛

shower svgrepo com
click svgrepo com

架站安全

找出惡意爬蟲

crawl svgrepo com
click svgrepo com

網頁標題

quiz title svgrepo com
click svgrepo com

廣告違規

advertisement svgrepo com
click svgrepo com

WordPress Cache Plugins 結論

WordPress 網站一定要裝快取外掛,加快網站速度帶來的好處:

Google SEO 有正面幫助
有助於網頁排名
使用者體驗良好
對爬蟲友善
提高轉換率
降低跳出率

延伸閱讀:Powered Cache Premium可使用 AVIF、WebP 加快網站速度

Google
PageSpeed
Insights
電腦版行動裝置
無快取8933
免費版9963
付費版10085
Powered Cache 對網站速度的影響