Core Web Vitals: LCP, INP, CLSを診断

Core Web Vitalsは読み込み、インタラクションの応答性、視覚的安定性を表します。アセットを変更したり、より高いLighthouseスコアを追求したりする前に、該当するユーザーにとって問題となっている指標を診断してください。

フィールド計測をラボテストから分離する

フィールドデータは、レポート期間中の実際のユーザーによる訪問を反映しています。ラボテストは制御された診断実行です。デバイス、ネットワーク、キャッシュ、インタラクションにより、結果が異なる場合があります。フィールドデータのないページは測定値が不足しており、自動的に合格または不合格になったわけではありません。Total Blocking Timeはラボ診断であり、INPとして再ラベル付けしてはなりません。

証拠から修正箇所を選ぶ

すべての推奨事項を一度に適用することは避けてください。画像圧縮の変更で遅いイベントハンドラーを説明することはできず、初期読み込みの高速化だけではレスポンシブなチェックアウトインタラクションを確立できません。

具体例：商品画像の到着遅延

商品ページのヒーロー画像が遅れて読み込まれ、他のリソースが早期に完了するケースを想定します。その画像がLCP要素であることを確認します。JavaScriptの実行後にのみ発見されるか、不適切に遅延読み込み（lazy load）されていないかをチェックします。発見方法や読み込みの優先度を変更し、適切な画像寸法を維持した上で、同じラボ環境のセットアップを再度実行します。最後に、十分な新規訪問データが収集された段階で、関連するフィールドのトレンドを確認します。これは診断のための例であり、測定されたSearchBastionの結果ではありません。

テスト条件の記録

URL、デバイスプロファイル、テスト時刻、リリース識別子、および観測されたボトルネックを保存します。変更後に同等のテストを実行し、ナビゲーション、メニュー、購入コントロールの動作も確認します。パフォーマンスの改善作業はユーザーが体感するエクスペリエンスを向上させるためのものであり、スコアの向上単体ではランキングの上昇を証明するものではありません。

Speed Checkerを使用して初期調査を行い、指標の定義についてはWeb Vitalsを参照してください。