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" ..>
参考
読み込み時間の高速化