1款整合圖片壓縮的快取外掛,用AVIF、WebP加快網站速度

00 1款整合圖片壓縮的快取外掛,用AVIF、WebP加快網站速度 cover 800x400
  • Post category:WordPress
  • Reading time:16 mins read

Powered Cache 是一款主打快取的外掛,但其付費版本(Powered Cache Premium)提供了一項功能強大的圖片優化器(Image Optimizer),可將圖片壓縮並轉檔成先進的圖片格式。根據使用者瀏覽器規格,自動調整圖片尺寸,然後使用 AVIF、WebP 格式或維持傳統 GIF、PNG、JPG、BMP、SVG 格式,傳送最佳化圖檔到用戶端。

上述特點讓 Powered Cache 透過圖片壓縮、轉檔的獨特技術(Image Optimizer),可大幅降低圖片檔案大小。對於關心提升網站速度節省頻寬的網站管理者而言,絕對是最吸睛的亮點。

如何開啟圖片壓縮功能呢?

圖片最佳化(Image Optimization)是 Powered Cache Premium 的專屬功能,在 Media Optimization > Image Optimization 的開關,切換成藍色就是啟動圖片壓縮、圖片轉檔的功能。

01 how to activate Image Optimization in Powered Cache

官方網站連結
官方網站:Powered Cache
技術文件:Image Optimization
免費版外掛:https://wordpress.org/plugins/powered-cache/

圖片轉檔會造成網站額外負擔嗎?

站長只需要將圖片上傳到網站即可,剩下的調整圖片尺寸大小、圖片壓縮與轉檔等工作,都交由 Powered Cache 的官方伺服器代勞。

所以,整個圖片最佳化服務(Image Optimization Service)的過程,就是透過 Powered Cache 全球伺服器動態處理(on the fly)來完成。

外掛的說明內容:
Our image optimization service instantly optimizes images from our global network of servers. Images will be served in the AVIF format when supported by the user’s browser. If AVIF is not supported, the WebP format will be used as a fallback, ensuring efficient loading and high-quality visuals.

需要考慮網路延遲嗎?

目前 Powered Cache 在全球 10 個地區建置圖片最佳化服務(Image Optimization Service)的伺服器,這絕對能降低圖片傳送造成的網路延遲。

圖片最佳化伺服器地點

Ashburn, Virginia, USAHelsinki, Finland
Hillsboro, Oregon, USAWarsaw, Poland
Beauharnois, CASingapore, SG
London, UKSydney, Australia
Falkenstein, GermanyTokyo, Japan
02 global location of servers for Powered Cache Image Optimization Service
來源:Powered Cache 官網

圖片 SEO 會被影響嗎?

當自身網站的圖片經由 Image Optimization Service 伺服器完成處理後,圖片網址前綴會被加上:img.poweredcache.net,但是圖片本身的標準網址(Canonical)依然會被添加上去,所以不會影響圖片 SEO。

原始圖片網址:
https://hipay0.com/wp-content/uploads/2023/01/02-NAS-brand-on-PChome.webp
處理後圖片網址:
https://img.poweredcache.net/hipay0.com/wp-content/uploads/2023/01/02-NAS-brand-on-PChome.webp

Response Headers
Cache-Control: max-age=15552000
Content-Disposition: inline; filename=”02-NAS-brand-on-PChome.avif
Content-Encoding: br
Content-Security-Policy: script-src ‘none’
Content-Type: image/avif
Date: Thu, 28 Dec 2023 07:49:45 GMT
Expires: Tue, 25 Jun 2024 07:49:45 GMT
Link: https://hipay0.com/wp-content/uploads/2023/01/02-NAS-brand-on-PChome.webp; rel=”canonical
Server: PC-ImageOptimizer
Vary: Accept-Encoding
X-Cache-Status: HIT
X-Request-Id: VmY8UJGkqtfQZ_yKDI5oT
X-Served-By: IMG10-JP-TOK

以數據結果來看,網站主機在臺灣的話,會由 Powered Cache 在日本東京的 Image Optimization Service 伺服器來執行圖片壓縮、圖片轉檔並傳送最佳化圖片到用戶端。

圖片優化器(Image Optimizer)有限制嗎?

針對流量網路頻寬圖片最佳化張數,Powered Cache Premium 完全沒有任何限制,可使用 Image Optimization Service 的完整功能。不過,對於服務方面有幾點需要注意:

效能考量,儲存在 Image Optimization Service 伺服器中的圖片,短時間內並不會失效。所以,需要更新圖片的話,務必使用新檔名的圖片在上傳到網站。

Image Optimization Service 伺服器只會做以下工作:
【1】網站抓取圖片
【2】依照終端需求調整圖片尺寸
【3】傳送 GIF, PNG, JPG, WebP, AVIF, BMP and SVG 其中一種圖片格式到終端用戶
【4】只支援 HTTP(80 埠)與 HTTPS(443 埠)通訊協定

Powered Cache 官方會依照終端用戶的實際狀況,採用最佳地點的 Image Optimization Service 伺服器,完成圖片最佳化的過程。

取代其它圖片壓縮外掛的理由

Powered Cache 免費版實測結果的文章中,可以看到 Image Optimization 與 Image Dimensions 是 Powered Cache Premium 專屬功能。

31-Powered-cache-Media-Optimization-1-1200
Powered Cache 免費版限制

Powered Cache Premium 能取代其他圖片外掛的原因:

WordPress 最新版本(6.4.2)尚未支援 AVIF 圖片格式
與其自行開發程式碼,造成不預期的錯誤,不如交由專業外掛實現 AVIF 圖片格式的支援。

Google 建議 WordPress 網站使用 AVIF 或 WebP 圖片格式

04 Google recommends serving images in next-gen formats AVIF to WordPress site

Powered Cache Premium 價格親民
圖片外掛,只要有支援 AVIF 圖片格式都屬於付費外掛。

Support AVIF
Plugin
1 Year2 Year3 YearTotal
Cost
Powered Cache(1年)$39$39
Powered Cache(2年)$39$39$78
Powered Cache(3年)$59$59
Imagifyunsupported AVIF
EWWW$150$150$150$450
ShortPixel*$47.90$47.90$47.90$143.7
TinyPNGunsupported AVIF
Optimole$241$241$241$723
Smush
Note*:ShortPixel 費用是根據 7,000 Credits / Month, Unlimited Websites 計算而來

圖片壓縮技術比較

失真圖片壓縮

PNG, SVG 與 GIF 只能做到無失真壓縮。

無失真圖片壓縮

只有 JPG 圖片格式無法做到,其餘的圖檔格式都能支援無失真壓縮。

瀏覽器支援性

目前 AVIF 的支援性有待加強,但也不算太差!WebP 的支援性對比 AVIF 而言,好太多了!
AVIF 瀏覽器支援狀況
WebP 瀏覽器支援狀況

05 AVIF圖片壓縮瀏覽器支援表
AVIF 瀏覽器支援狀況
06 WebP圖片壓縮瀏覽器支援表
WebP 瀏覽器支援狀況
AVIFWebPJPGPNGSVGGIF
失真壓縮YesYesYesNoNoNo
無失真壓縮YesYesNoYesYesYes
透明背景YesYesNoYesYesYes
瀏覽器支援中上
壓縮率極高普通
圖片壓縮技術比較

Powered Cache Premium 使用 AVIF、WebP 加快網站速度

圖檔大小通常是造成拖慢網站速度的原因之一,想要提升網站速度就要把握:

【1】調整合適的圖片尺寸上傳到網站

圖片在電腦版與手機版顯示尺寸是不同的,為了不同設備準備不同尺寸的圖檔,能有效節省傳輸頻寬。Powered Cache Premium 的圖片優化器(Image Optimizer)能做到這一點!

【2】傳送正確圖檔格式給用戶,用最小的圖檔大小提供最佳的圖片品質
Powered Cache Premium 的圖片優化器(Image Optimizer)優先傳送 AVIF,除非用戶端瀏覽器不支援才會改用 WebP。萬一用戶使用非常舊型的瀏覽器,那就只能傳送傳統的 JPG / PNG / SVG / GIF 圖檔了。

喜歡多合一類型外掛的話,Powered Cache Premium 的確是一款值得列入考慮清單的高 CP 值外掛。

Powered Cache
Free
Powered Cache
Premium
圖片優化器(AVIF / WebP)X支援
Sitemap PreloadingX支援
Critical CSSX支援
Unused CSSX支援
Prefetch linksX支援
定期優化資料庫X支援
Google TrackingX支援
Facebook TrackingX支援
Powered Cache Premium 專屬功能