generated at
webの画像のパフォーマンス改善
SEOやること



画像のLazy loading
適切なサイズの画像を使用する
LCP向けの画像をpreloadする
pictureタグを使って、代替画像形式を提供する
imgタグのheightとwidth属性を指定する
CDN Edge Workerを用いた画像リサイズAPIを使用する

CSSスプライト
画像の圧縮
画像をより新しい形式 (JPEG 2000、JPEG XR、WebP) に変換する
<link rel="preconnect" ..>
<link rel="preconnect" ..>

参考
読み込み時間の高速化