/ 網站開發

2023年02月22日 81

PageSpeed Insights 優化調校實作


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>

以上是遇到比較特殊的,記錄一下解法,之後有需要可以回憶一下來用 ^_^

標籤: #SEO