用語解説

画像最適化（パフォーマンス）とは、Webページの表示速度を高めるために画像のファイルサイズ・フォーマット・読み込みタイミングを最適化する施策群です。

WebP・AVIFへの変換、適切な解像度設定、srcset属性によるレスポンシブ画像対応が主な手法です。

どんな場面で活用するか

• LCPの遅延原因がヒーロー画像にあると判明した
• 大量の商品画像をまとめて最適化したい
• WordPressで画像圧縮・変換を自動化したい

よくある誤解

「画像圧縮すれば画質が必ず劣化する」は誤りです。WebP形式の非可逆圧縮を適切な品質設定（80〜85%）で行えば、視覚的な劣化をほとんど感じさせずにファイルサイズを大幅削減できます。

判断のヒント

施策ポイントLCP対象となるファーストビューの画像はfetchpriority="high"を付与して優先読み込みし、それ以外はloading="lazy"で遅延読み込みにしましょう。