Core Web Vitalsをブラウザだけで確認する3つの方法

Core Web Vitalsとは

Core Web Vitals（コアウェブバイタルズ）は、Googleが定義するWebページのユーザー体験を測る3つの指標です。Googleは2021年からこの指標を検索ランキングの評価要素として使用しています。

指標	何を測るか	良好の基準
LCP Largest Contentful Paint	ページの読み込み速度。メインコンテンツが表示されるまでの時間	2.5秒以下
INP Interaction to Next Paint	ページの応答性。ユーザー操作に対する反応速度	200ミリ秒以下
CLS Cumulative Layout Shift	ページの視覚的安定性。表示中にレイアウトがどれだけズレるか	0.1以下

出典: web.dev — Web Vitals（Google公式ドキュメント）

補足: INPは2024年にFID（First Input Delay）に代わって導入された指標です。FIDが「最初の操作だけ」を測っていたのに対し、INPはページ滞在中のすべての操作の応答性を測定します。古い記事でFIDが言及されている場合はINPに読み替えてください。

Googleはこれらの指標を実際のユーザーデータの75パーセンタイルで評価しています。つまり、訪問者の75%以上が「良好」の基準を満たしている必要があります。

最も手軽な方法は、Chromeに標準搭載されているDevToolsのLighthouseタブを使う方法です。追加インストールは不要です。

結果の見方: Lighthouseレポートの上部にパフォーマンススコア（0〜100）が表示されます。その下に各指標の値が色付きで表示されます。

注意点: Lighthouseは「ラボデータ」（Lab data）を使用しています。実際のユーザー環境とは異なる結果になることがあります。特にINPはユーザーの操作が必要なため、Lighthouseでは代替指標のTBT（Total Blocking Time）で近似します。

Googleが提供する無料のWeb分析ツールPageSpeed Insightsでは、実際のユーザーデータ（フィールドデータ）とラボデータの両方を確認できます。

注意点: フィールドデータは、サイトに十分なトラフィックがある場合にのみ表示されます。新規サイトや低トラフィックのサイトでは「データが不十分です」と表示されることがあります。その場合はラボデータを参考にしてください。

繰り返し確認する場合は、Chrome拡張をインストールしておくと効率的です。

Google公式のWeb Vitals拡張は、ページを開くだけで LCP・INP・CLS の値がリアルタイムでバッジに表示されます。ページ移動のたびにリセットされるため、ページ単位での確認に向いています。

PagePulseはCWV関連の「原因」を診断するのに向いています。画像にwidth/height属性が設定されているか（CLS対策）、render-blockingなスクリプトがないか（LCP対策）、画像のlazy loadingが適切か（LCP対策）を一括でチェックできます。

ECサイトはCWVの改善が特に難しいジャンルの一つです。商品画像の多さ、外部スクリプト（決済・チャット・広告タグ）の読み込みなど、パフォーマンスに悪影響を与える要素が構造的に多いためです。

すべてを一度に改善するのは現実的ではありません。Googleの公式ガイドを参考に、効果の大きい順に取り組むのが合理的です。

Core Web Vitalsは「改善すればすぐに検索順位が上がる」という銀の弾丸ではありません。ただし、ユーザー体験の品質を客観的に測る指標として、また検索ランキングの評価要素の一つとして、現状を把握しておくことには大きな価値があります。

まずは自サイトの現状を確認するところから始めてみてください。