Core Web Vitals（コアウェブバイタル）とは

LCP（Largest Contentful Paint）

ページの主要コンテンツ（最大の画像やテキストブロック）が表示されるまでの時間。目標値は2.5秒以内。画像の最適化・遅延読み込み・サーバー応答速度の改善で改善できます。

CLS（Cumulative Layout Shift）

ページロード中のレイアウトのずれ（画像が突然表示されてコンテンツが動く等）の累積スコア。目標値は0.1以下。画像に固定サイズを指定し、動的コンテンツの予約スペースを設けることで改善できます。

INP（Interaction to Next Paint）

2024年3月にFIDに替わって導入されたユーザーのインタラクション応答性を測る指標。クリック・タップ・キーボード入力に対するページの反応速度を評価します。目標値は200ms以内。

Core Web VitalsとページエクスペリエンスシグナルURL

Googleはモバイル対応・HTTPS・Core Web Vitals・インタースティシャル広告の非表示などを総合した「ページエクスペリエンスシグナル」でサイトを評価します。Core Web VitalsはそのうちLCP・CLS・INPの3指標を指し、Google Search Consoleの「コアウェブバイタル」レポートで自サイトの現状を無料で確認できます。

Next.jsサイトにおけるCore Web Vitals最適化

Next.jsのnext/imageコンポーネントは画像の自動WebP変換・適切なサイズ配信・遅延読み込みを自動で処理し、LCPとCLSを改善します。next/fontはWebフォントの最適化でCLSを防ぎ、Dynamic Importはコード分割でINPを改善します。Next.jsを選択すること自体がCore Web Vitalsの改善に有利です。

Core Web VitalsをPageSpeed Insightsで読む方法

PageSpeed Insightsの結果は「フィールドデータ（実際のユーザーデータ）」と「ラボデータ（シミュレーション）」の2種類に分かれます。SEO評価に影響するのはフィールドデータです。ラボデータのスコアが高くてもフィールドデータが不良の場合は改善が必要で、逆も同様です。Search Consoleと合わせて確認することが推奨されます。