使用免費的WP外掛產生next-gen(WebP|AVIF)圖片,大幅提高PageSpeed Insights分數

使用免費的WP外掛產生next-gen(WebP|AVIF)圖片,大幅提高PageSpeed Insights分數 1

在使用Worldpress建立網站或部落格完成時,為了使網頁在SEO上的表現更好,許多人會參考Google所提供的PageSpeed Insights的服務,此服務會提供詳細的評分和建議來幫助我們做網頁速度優化。

在使用PageSpeed Insights時,常常感到會大幅拖累分數的大頭就是圖片優化,尤其是要求使用next-gen格式的圖片。

提供next-gen圖片

如上圖所示,PageSpeed Insights會要求使用WebP或是更新的AVIF圖片檔案替代較大檔案的舊格式png和jepg。

 

為了找到方便的WP解決方案,我在WP龐大的外掛海中尋尋覓覓,終於被我找到了兩個不錯的免費選項。

其一為大家在查需求時常見的 “ShortPixel Image Optimizer”

使用免費的WP外掛產生next-gen(WebP|AVIF)圖片,大幅提高PageSpeed Insights分數 2

ShortPixel 是個強大的軟體,提供自動的壓縮圖片功能,並且還提供轉檔next-gen格式的功能,同時包含webp和avif檔。

雖然只有每月100 credits 的限制,通常1credit = 1張圖片,但實際使用時你再上傳圖片時WP會自動產生略縮圖,再加上開啟轉換next-gen格式的兩種檔案,所產生的實際credit是 圖片壓縮數(原圖+略縮圖) + 圖片壓縮數*開啟轉換next-gen格式,所以往往一張圖片就會耗去十多點credits。

當credit點數不夠用時該怎麼辦,除了拿出你神奇的小卡片當場付費外,事實上ShortPixel來有提供一個邀請朋友的功能,獲得邀請註冊的雙方將會獲得額外的每月100 credits。

而其中如果有10人註冊完後還使用了50 credits以上,還會獲得額外的每月1000 credits,獎勵無上限。

所以快來使用我的註冊碼拿額外100 credits吧:https://shortpixel.com/free-sign-up-referrer/referrer/3035540

 

使用免費的WP外掛產生next-gen(WebP|AVIF)圖片,大幅提高PageSpeed Insights分數 3

ShortPixel外掛總結:

優點:提供圖片優化+next-gen整合方案,一次解決網站中圖片優化的問題。

缺點:對於免費仔來說一開始的100點或使用邀請碼號的200點完全不夠用,想要提高最快的方式當然是刷卡付費支持,但也可以慢慢地邀請農credits。

 

難如果只有上面的解決方法,相信很多人看到這就準備把網頁關掉了,畢竟有很多人介紹過該外掛了。

客官們別急真正的主菜現在才要上來,以下隆重向大家推薦:Converter for Media

免費的批量WebP轉換外掛

Converter for Media

此外掛是使用Worldpress內建的 REST API來轉檔圖片,不管有多少圖片都可以免費轉檔成WebP檔案,並且有簡單的選項可以設定要存放在哪、最大圖片長寬以及是否開啟自動轉換。

Converter for Media設定1

在進階設定中還可以選擇轉換的檔案,所使用的算法和其他設定,詳情看下圖。

Converter for Media進階設定

並提供批量一件轉換功能,只要輕鬆一點,等他跑完就會完成整個網站的next-gen圖片優化,並且自動排除轉換後比原圖大的檔案

Converter for Media批量優化

Converter for Media外掛總結:

優點:免費,並提供批量優化功能。

缺點:對於壓縮和顯示表現更佳的AVIF檔案就需要花錢購買,並且也是買credits使用。

 

選擇了以上外掛優化後,更據我自己的經驗網站在PageSpeed Insights手機板的分數至少會提高10分。

要像我的分數進步那麼多還要加上lazyload和快取和js、css、html壓縮設定,但這網路上有很多教學就不再多著墨了。

最後祝大家優化網頁愉快!!

分享文章:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。