Core Web Vitals（コアウェブバイタル）は、Googleが定めたユーザー体験を測定するための3つの重要指標です。2021年からランキング要因に組み込まれ、SEO対策において欠かせない要素となっています。本記事では、各指標の意味と具体的な改善方法をわかりやすく解説します。
Core Web Vitalsの3つの指標とは
Core Web Vitalsは、ページの読み込み速度・操作への応答性・視覚的な安定性の3つの観点からWebサイトの品質を評価します。
LCP（Largest Contentful Paint）
LCPは、ページ内で最も大きなコンテンツ（メイン画像やヒーローテキストなど）が表示されるまでの時間を測定します。ユーザーが「ページが読み込まれた」と感じるタイミングに直結する指標です。
合格基準：2.5秒以下
2.5秒以下で「良好」、4.0秒以下で「改善が必要」、4.0秒超で「不良」と判定されます。
2.5秒以下で「良好」、4.0秒以下で「改善が必要」、4.0秒超で「不良」と判定されます。
INP（Interaction to Next Paint）
INPは、ユーザーがクリックやタップなどの操作を行ってから、画面に反応が表示されるまでの応答速度を測定します。2024年3月にFIDに代わって正式採用された新しい指標です。
合格基準：200ミリ秒以下
200ms以下で「良好」、500ms以下で「改善が必要」、500ms超で「不良」と判定されます。
200ms以下で「良好」、500ms以下で「改善が必要」、500ms超で「不良」と判定されます。
CLS（Cumulative Layout Shift）
CLSは、ページ読み込み中に発生するレイアウトのズレ（シフト）の度合いを数値化したものです。広告や画像の読み込みによってテキストが突然動くような現象が該当します。
合格基準：0.1以下
0.1以下で「良好」、0.25以下で「改善が必要」、0.25超で「不良」と判定されます。
0.1以下で「良好」、0.25以下で「改善が必要」、0.25超で「不良」と判定されます。
各指標の具体的な改善方法
LCPを改善する方法
- 画像の最適化：WebP形式への変換やサイズの圧縮を行い、読み込み時間を短縮します
- サーバー応答時間の短縮：CDNの導入やキャッシュ設定の最適化が効果的です
- レンダリングブロックの排除：不要なCSSやJavaScriptの遅延読み込みを実施します
INPを改善する方法
- JavaScriptの最適化：重い処理を分割し、メインスレッドのブロッキングを軽減します
- 不要なサードパーティスクリプトの削減：広告タグや分析ツールの見直しが重要です
- イベントハンドラの効率化：デバウンスやスロットリングを活用します
CLSを改善する方法
- 画像・動画にサイズを明示：width属性とheight属性を必ず指定します
- Webフォントの読み込み対策：font-display: swapを設定してレイアウトシフトを防ぎます
- 広告スペースの事前確保：広告枠のサイズをCSSであらかじめ指定しておきます
あなたのサイトのCore Web Vitalsを今すぐチェック
SEO診断Proの無料ツールで、LCP・INP・CLSのスコアを瞬時に測定できます。
CWVモニターで診断する 表示速度を分析する 画像を最適化チェック