「コアウェブバイタル」という言葉を聞いたことはあっても、LCP・CLS・INPが具体的に何を測っているのか分からない——そういう方は多いと思います。
自分のサイトのPageSpeed Insightsを初めて開いたとき、聞き慣れない指標が並んでいて戸惑った記憶があります。ただ、それぞれの意味が分かると「何を改善すべきか」がはっきり見えてきます。
Core Web Vitalsとは？
Core Web Vitals（コアウェブバイタル）は、Googleがページ体験の品質を評価するための指標群です。2021年からGoogleの検索ランキング要因に正式に組み込まれており、SEO対策において無視できない要素となっています。
現在、Core Web Vitalsは以下の3つの指標で構成されています。
- LCP（Largest Contentful Paint）：読み込み速度
- CLS（Cumulative Layout Shift）：視覚的な安定性
- INP（Interaction to Next Paint）：操作への応答速度
LCP（Largest Contentful Paint）
意味
ページを開いてから、最も大きなコンテンツ（画像・テキストブロックなど）が表示されるまでの時間です。ユーザーが「ページが読み込まれた」と感じるタイミングに相当します。
目標値
| 評価 | 基準 |
|---|---|
| 良好 | 2.5秒以内 |
| 改善が必要 | 2.5〜4.0秒 |
| 不良 | 4.0秒以上 |
主な改善方法
- 画像の最適化：WebP形式への変換・適切なサイズへの圧縮
- サーバー応答時間の短縮：ホスティング環境の改善・CDNの導入
- レンダリングブロックの解消：不要なJavaScript・CSSの読み込み遅延
- プリロードの活用：重要な画像やフォントを事前に読み込む
CLS（Cumulative Layout Shift）
意味
ページの読み込み中に、コンテンツが予期せずずれる量の累積を測定します。広告の遅延表示や画像サイズ未指定によって、読んでいたテキストが突然移動する現象がCLSに影響します。
目標値
| 評価 | 基準 |
|---|---|
| 良好 | 0.1以下 |
| 改善が必要 | 0.1〜0.25 |
| 不良 | 0.25以上 |
主な改善方法
- 画像・動画にwidth・heightを指定する：事前にスペースを確保してズレを防ぐ
- 広告スペースを事前に確保する：広告が読み込まれても周囲がずれないようにする
- Webフォントの読み込み最適化：
font-display: swapの使用 - 動的コンテンツの挿入を避ける：既存コンテンツの上に要素を追加しない
INP（Interaction to Next Paint）
意味
ユーザーがボタンクリックなどの操作をしてから、画面に変化が反映されるまでの応答速度です。2024年3月にFID（First Input Delay）から置き換わった新しい指標です。
目標値
| 評価 | 基準 |
|---|---|
| 良好 | 200ミリ秒以内 |
| 改善が必要 | 200〜500ミリ秒 |
| 不良 | 500ミリ秒以上 |
主な改善方法
- JavaScriptの処理量を減らす：不要なスクリプトの削除・軽量化
- 長いタスクを分割する：メインスレッドをブロックする処理を分ける
- サードパーティスクリプトの見直し：広告タグや分析ツールの最適化
Core Web Vitalsの計測方法
Google PageSpeed Insights（無料）
pagespeed.web.dev でURLを入力するだけで、モバイル・PCそれぞれのCore Web Vitalsスコアを確認できます。改善のための具体的な提案も表示されます。
Google Search Console
「ページ体験」または「Core Web Vitals」レポートから、サイト全体のページ別スコアを確認できます。問題のあるURLをまとめて把握するのに便利です。
Chrome DevTools
ブラウザのデベロッパーツール（F12）の「Lighthouse」タブから計測できます。ローカル環境やログインが必要なページの計測にも使えます。
フィールドデータとラボデータの違い
Core Web Vitalsには2種類の計測データがあります。
| 種類 | 内容 |
|---|---|
| フィールドデータ | 実際のユーザーの体験データ（過去28日間の集計） |
| ラボデータ | シミュレーション環境での計測値 |
Googleの検索順位に影響するのはフィールドデータです。フィールドデータはアクセス数が少ないサイトでは収集されない場合があります。その場合はラボデータを参考に改善を進めます。
合わせて読みたい
- ページスピードとSEOの関係：PageSpeed Insightsのスコアの見方とCore Web Vitalsの概要をまとめた入門記事です
- モバイルフレンドリーとSEO：Core Web Vitalsのスコアはモバイル環境で特に厳しくなります。合わせて確認しましょう
まとめ
Core Web Vitalsは、ユーザー体験を数値で評価する重要な指標です。特にLCP（読み込み速度）は多くのサイトで課題になりやすく、まず優先的に取り組む価値があります。
完璧なスコアを目指す必要はありません。まずLCPを「良好（2.5秒以内）」の範囲に入れることを最初の目標にすると、取り組みやすいです。多くのサイトでLCPの改善だけで大きく変わります。PageSpeed InsightsでURLを入力して、どの指標が足を引っ張っているか確認するところから始めてみましょう。