画像の寸法 (幅/高さ)

<img> に幅と高さが指定されていない場合、ブラウザは画像が読み込まれるまで画像がどれだけのスペースを必要とするかを知りません。画像が到着すると、コンテンツは「ジャンプ」します。これは、CLS メトリック (累積レイアウト シフト) によって測定されます。

レイアウトのジャンプはイライラさせられます (ユーザーが意図したもの以外をクリックしてしまう) ため、Google は Core Web Vitals の CLS を通じてこれにペナルティを与えます。

1. 1すべての <img> 要素で幅と高さを指定します (ブラウザはそれらの要素からアスペクト比を計算します)。
2. 2あるいは、CSS のアスペクト比を使用してスペースを予約します。
3. 3同じことが埋め​​込みと広告にも当てはまります。埋め込み用のスペースを確保してください。