ギャラリー画像のCWV

カテゴリ performance · 確認日 2026-08-03

要点

一覧は表示サイズの WebP、LCP 候補だけ優先読み込み。それ以外は lazy。

チェックリスト

  • ヒーロー/LCP 候補に loading=lazy を付けていないか。
  • fetchpriority=high が LCP 1枚に限定されているか。
  • width / height(またはアスペクト比)で CLS を抑えているか。
  • srcset / sizes で端末幅に合った候補があるか。
  • 一覧に原寸 JPEG を載せていないか。

例

  • LCP: eager + fetchpriority=high + WebP。
  • 折りたたみ以下: lazy + 小さめ WebP。

関連

  • Making: ギャラリー画像のWebP最適化

次の一歩

配信チェックは無料の公開前リストに含められます。

辞書の次に手順が必要なとき

Knowledge は確認項目の辞書です。同じ項目で毎回止まるなら、Making の判断ログや、チェックリスト/テンプレ側で一連の流れにした方が早いことがあります。

まずはこのページのチェックだけ試し、抜けが同じ箇所に集まるときだけ続きを見てください。

公開前チェックリスト(無料)