步驟一:安裝ShortPixel外掛

https://shortpixel.com/free-sign-up-referrer/referrer/296425 

(用此連結註冊帳號,每個月的免費壓縮圖片額度,將增加至200張)

壓縮等級設定為Glossy,如果PageSpeed提示『減少幅度為 30%以上』,將該圖片壓縮至Lossy。

shortpixel-setting
shortpixel-setting2

設定完後,按下Save and Go to Bulk Process,讓程式壓縮全站圖片(不能關掉視窗),或是至媒體庫挑選要壓縮的單張圖片。

shortpixel03

步驟二:安裝 Cache Enabler

可搭配ShortPixel,產生WebP格式的圖片Cache,如果瀏覽器支援WebP,將會自動切換適合的Cache版本。

cache-enabler-set

步驟三:安裝Autoptimize

記得點擊右上角Show advanced settings,JavaScript Options & CSS Options 需要不斷來回測試,才能找到最適合的配置。

Autoptimize01
Autoptimize02
Autoptimize03
Autoptimize04

步驟四:CloudFlare設定

要先關掉Jetpack提供的CDN,沒加速反而會拖慢速度。

jetpack-cdn

然後改用CloudFlare的服務。

cloudflare01
cloudflare02
cloudflare03

步驟五:Google PageSpeed 測試

測試網址 https://developers.google.com/speed/pagespeed/insights/

【WordPress】邁向95分 Google PageSpeed 2
【WordPress】邁向95分 Google PageSpeed 3

相關文章

【WordPress】邁向95分 Google PageSpeed
【WordPress】WP Offload S3 Lite搭配Cloudflare
【WordPress】SiteNavigationElement 網站導航架構標記
【WordPress】Search Console Missing author updated
【WordPress】浮動FB粉絲專頁側邊欄
【WordPress】美美的中文字體 Google font - Avada、OnePress、Screenr、2015、The Box
【WordPress】OceanWP換上GoogleFont思源黑體

請用訂閱代替掌聲

*免費電子書
**訂閱Youtube頻道
***訂閱電子報
****追蹤IG
*****追蹤FB粉專
******加入Line好友