Core Web Vitalsの改善手順｜LCP・INP・CLSを業務優先度で直す
Web制作編集：株式会社AO
更新：（判断例・確認手順または説明情報を見直し）
速度の点数を上げても、訪問者が使うページや操作が改善していなければ、実際の問題は残ります。Core Web Vitalsは、読み込み、反応、見た目の安定性を分けて考える指標です。原因の異なる問題を一括りにせず、重要な体験から直しましょう。
- LCP・INP・CLSで分かること
- 実利用と検証データの使い分け
- 改善対象の選定から再確認までの手順
三つの指標を別の問題として読む
web.devの公式解説では、良好の目安としてLCPは2.5秒以内、INPは200ミリ秒以下、CLSは0.1以下を示しています。原則としてモバイルとデスクトップを分け、ページ読み込みの75パーセンタイルで見る基準です。
これらは体験を評価する指標であり、基準を満たせば問い合わせや検索順位が必ず改善するという意味ではありません。読みやすさ、フォームの動作、内容の適合性も合わせて確認します。
症状から確認対象を絞る
| 指標 | 主に見る体験 | 調査する候補 |
|---|---|---|
| LCP | 主要な内容が表示されるまで | 主要画像、サーバー応答、表示を妨げる処理 |
| INP | 操作への反応 | 長いJavaScript処理、イベント、外部機能 |
| CLS | 表示中の位置のずれ | 画像寸法、後から入る要素、フォント |
| 指標外の実機確認 | 最後まで作業できるか | ナビゲーション、入力、確認・送信 |
実利用と検証を組み合わせる
検証環境の一回の点数と実利用データは測定条件が異なります。実利用データがない場合も、体験が良いと判断するのではなく、実機と検証データで確認し、必要なら自社で計測を整えます。
- トップ、サービス、主要記事、問い合わせなど、重要なページ種類を選ぶ。
- PageSpeed InsightsやSearch Consoleで利用できる実利用データを確認する。
- 同じURLを検証ツールと実機で調べ、具体的な原因候補を記録する。
- 影響するページ数、利用者、修正の負担から優先順位を決める。
- 一つの変更を加え、同じ条件で表示と操作を再確認する。
画像だけでなく追加機能も見直す
大きな主要画像は表示サイズと圧縮を確認します。操作の遅延はタグや外部ウィジェットを含む処理を調べ、不要な読み込みを減らします。レイアウト変化は後から挿入される要素の領域も確認します。変更履歴には対象URL、原因仮説、変更内容、確認結果を残し、使い勝手を悪化させる点数対策を避けます。
原因仮説と再確認を一つにつなぐ改善記録
改善対象はページ数だけでなく、同じ部品を使うテンプレート単位でも整理します。主要画像、共通メニュー、外部タグなどを一つずつ調べると、変更の影響範囲を把握できます。以下は測定値の改善実績ではなく、調査を進めるための作業例です。
症状ごとに最初の調査を決める
| 実際の症状 | 原因の仮説 | 調べる対象 | 変更後の確認 |
|---|---|---|---|
| 主画像だけ遅れて現れる | 取得開始が遅い | 画像の発見方法と読込順 | 主要画像の表示と画質 |
| 最初の文字表示が遅い | 初期応答や描画待ち | サーバー応答とCSS | 初回表示と文字の読みやすさ |
| メニューを押しても反応しない | 長い処理が実行中 | 操作時のJavaScript処理 | 連続操作とページ移動 |
| 画像が出ると本文が動く | 表示領域が未確保 | 画像寸法と予約領域 | 読込中の本文位置 |
| 外部部品が割り込む | 後挿入の領域が未確保 | 埋込みと表示条件 | 同意前後のレイアウト |
| 特定端末だけ使いにくい | 端末・通信条件の差 | 実機と実利用データ | 対象端末での完了操作 |
実施と確認の手順
- 対象URL、端末、通信条件、計測日時、使ったツールを記録する。
- 実利用データがページ単位かサイト全体かを確認する。
- 遅さを感じた操作を録画や再現手順で共有し、原因仮説を一つ選ぶ。
- 変更前のファイルと設定を退避し、検証環境で修正する。
- 同じ条件で複数回確認し、見た目・入力・送信にも不具合がないか調べる。
- 公開後の実利用データは集計期間を確認し、一回の検証値と直接比較しない。
LCP対策のために必要な画像を消したり、INP対策のために重要な操作を使えなくしたりしては目的を達成できません。各変更について、利用者のどの作業が改善したかを説明できる記録を残します。効果が確認できない変更は、仮説から見直してください。
実施前のチェックリスト
- モバイルとPCを分けて見た
- 実利用と検証データを区別した
- 重要なページ種類を調べた
- 変更前後の条件を揃えた
- 表示だけでなく入力・送信まで確認した
よくある質問
実利用データが出ないページは問題ありませんか？
データ不足などの理由があり得ます。問題がない証拠とはせず、検証と実機確認で補います。
点数100点を目標にすべきですか？
利用者の作業を妨げる問題と事業上重要なページを優先します。点数だけでなく、実際の操作と指標の変化を確認してください。
参考にした公式情報
公式情報の確認日：2026年10月20日。本文の比較表・手順・記入例は、公式情報を踏まえたAO編集部の実務向け整理です。記載の試算は実績や成果保証ではありません。