PageSpeed Insights 真的是一個神奇又強大的功能
網站完成後都會上PageSpeed檢測綜合評分狀況如何
最近研究了一下，除了常調的加alt屬性，加上title屬性，圖片縮圖處理之外
還蠻多細節可以處理的，以下紀錄一些調校上網路上找到的一些網路資源
以下是調校後的跑分，感覺還不賴
- 『提供 next-gen 格式的圖片』解決方法：
透過轉換圖片格式，將圖片轉為AVIF格式
免費線上將PNG轉檔成AVIF：https://cdkm.com/tw/png-to-avif
免費線上將PNG轉檔成SVG：https://www.aconvert.com/tw/image/png-to-svg/ - 『壓縮 CSS』解決方法：
透過檔案縮行方式將CSS壓縮為一行
Css格式化/Css壓縮：https://www.ifreesite.com/css-formatting.htm - 『運用有效的快取政策提供靜態資產』解決方法：
在 .htaccess 加入以下<IfModule mod_headers.c> <filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf|svg|JPEG|js|css|avif|ttf)$"> Header set Cache-Control "max-age=31536000, public" </filesMatch>
以上是遇到比較特殊的，記錄一下解法，之後有需要可以回憶一下來用 ^_^