要点

Core Web Vitalsは読み込み、応答性、視覚安定性をLCP、INP、CLSで捉えます。

目標はフィールドデータの75パーセンタイルで評価し、一回のLighthouse点数は診断にすぎません。

実践手順

  1. テンプレートと端末別にフィールドデータを分ける。
  2. サーバー応答、LCP資源、長いタスク、画像寸法を改善する。
  3. 画像、フォント、JavaScript予算をCIで監視する。
  4. ラボで再確認し、十分な利用後にフィールド値を確認する。

ヒーロー画像には寸法と適切な形式・優先度を与え、LCP画像を遅延読み込みしません。

よくある誤り

  • 文脈なしに100点を追う。
  • 重要フォームを壊してまでスクリプトを遅らせる。
  • 一回の測定で合格を宣言する。

限界

  • 交通量が少ないとフィールドデータは得られません。
  • 指標改善だけで順位は保証されません。

情報源

関連ガイドとツール