LCP、INP、CLSとは何ですか?
Core Web Vitals
LCP、INP、CLSは、Googleがページのユーザー エクスペリエンスを評価するために用いる3つのコア ウェブ バイタル(Core Web Vitals)です。Largest Contentful Paint(LCP)は読み込み、つまりメインコンテンツが表示されるまでの時間を測ります。Interaction to Next Paint(INP)は応答性、つまりクリック、タップ、キー入力に対してページがどれだけ素早く反応するかを測ります。Cumulative Layout Shift(CLS)は視覚的な安定性、つまりレイアウトがどれだけ突然ずれるかを測ります。「良好」の基準は、LCPが2.5秒以内、INPが200ミリ秒以内、CLSが0.1以下です。
3つの指標の早見表
| 指標 | 測定対象 | 良好 | 要改善 | 不良 |
|---|---|---|---|---|
| LCP | 読み込み | 2.5秒以下 | 4秒まで | 4秒超 |
| INP | 応答性 | 200ミリ秒以下 | 500ミリ秒まで | 500ミリ秒超 |
| CLS | 視覚的な安定性 | 0.1以下 | 0.25まで | 0.25超 |
これらの基準値は、Googleのコア ウェブ バイタル レポートのヘルプに記載されているものです。モバイルとデスクトップそれぞれについて、訪問の75パーセンタイルで3つの指標がすべて「良好」であれば、そのページは基準を満たしていると判定されます。
LCP: Largest Contentful Paint
LCPは、ユーザーがページの読み込みを開始してから、表示領域内で最も大きな画像、動画、またはテキストブロックが描画されるまでの時間です。対象となる要素には、<img> 要素、SVG内の画像、動画のポスター画像または最初のフレーム、CSSの背景画像、ブロックレベルのテキストが含まれます。ユーザーが操作を行うと、ブラウザは新しい候補の探索を止めます。LCPが遅くなる原因の多くは、サーバーの応答の遅さ、サイズが大きい、または発見が遅れるメイン画像、レンダリングをブロックするCSSやスクリプトです。
INP: Interaction to Next Paint
INPは、訪問中に発生したクリック、タップ、キー入力を監視し、それぞれについてブラウザが次のフレームを描画できるようになるまでの時間を測定します。ホバー、スクロール、ズームは対象外です。報告される値は最も遅かった操作の値で、操作の多いページでは外れ値が除外されます。INPは2024年3月にFirst Input Delay(FID)に代わるコア ウェブ バイタルとなりました。FIDが最初の操作だけを対象としていたのに対し、INPは訪問全体を対象とします。INPが悪化する主な原因は、長時間のJavaScriptタスクによってメインスレッドが占有されることです。
CLS: Cumulative Layout Shift
CLSは、予期しないレイアウトのずれ(たとえば、上部に画像や広告が読み込まれてテキストが下にずれる現象)を合計し、訪問中に発生した最大のずれの連続をスコアとして報告します。個々のずれは、画面のどれだけの範囲がどれだけ動いたかによってスコア化されます。クリック、タップ、キー入力から500ミリ秒以内に発生したずれは、その時点でページが変化することをユーザーが想定しているため、計算から除外されます。
数値はどこから取得されるのか
Search Consoleのコア ウェブ バイタル レポートは、Chrome UX Reportのフィールドデータを使用しています。これは過去28日間の実際のChromeでの訪問を、類似するページのグループにまとめたもので、各グループは最も悪い指標によって評価されます。Lighthouseなどのラボツールは実際の訪問者がいない状態でページを読み込むため、INPを測定できず、代わりにTotal Blocking Timeを代用指標として使います。これについては、web.devのWeb Vitalsの概要でも説明されています。ラボのスコアは原因を調べるためのもの、フィールドデータは最終的な判定材料として扱いましょう。
コア ウェブ バイタルは検索順位に影響するか
Googleは、検索で成功するために良好なコア ウェブ バイタルを達成することを強く推奨しており、ページ エクスペリエンスは、Googleのコアランキング システムが評価しようとしているものと一致するとしています。ただし、これは近道ではありません。表示が速いページであっても、最良の回答である必要があります。指標ごとに何を改善すべきかは、コア ウェブ バイタルのスコアが悪い場合はどう改善すればよいですか?で解説しています。
AutoPSEOでできること
AutoPSEOのコア ウェブ バイタル レポートは、サイト全体または特定のURLについて、スマートフォン、デスクトップ、タブレット別にChrome UX Reportの履歴を読み取ります。約6か月分の週次データから、75パーセンタイルのLCP、INP、CLS(加えてFirst Contentful PaintとTime to First Byte)をグラフ化するため、指標がいつ悪化し始めたかを確認できます。