無料ツール

Core Web Vitalsの解説

Core Web Vitalsを平易な言葉で解説します。LCP、INP、CLSが何を測定するか、良好と不良のしきい値、遅い、反応しない、レイアウトがずれるページの一般的な対処法。

読み込み

LCP

Largest Contentful Paint

画面上で最も大きな要素(通常はヒーロー画像や見出し)が描画されるまでの時間。

良好
≤ 2.5 s 要改善
2.5〜4 s 不良
> 4 s

応答性

Interaction to Next Paint

訪問全体を通して、タップ、クリック、キー入力に対して、ページが目に見えて反応するまでの速さ。

良好
≤ 200 ms 要改善
200〜500 ms 不良
> 500 ms

視覚的な安定性

Cumulative Layout Shift

ページの使用中に、コンテンツが予期せず動き回る量。

良好
≤ 0.1 要改善
0.1〜0.25 不良
> 0.25

各指標は、実際のページ読み込みの75パーセンタイルで判定されます。訪問の75%以上が良好な体験を得たとき、ページは合格となります。ご自身の高速なマシンでのラボツールは、訪問者が実際に見ているものより良く見えることが多いため、実際のユーザーを計測してください。

LCP: ヒーロー画像を、適切なサイズの最新のフォーマットで配信し、プリロードし、遅延読み込みを避け、キャッシュでサーバーの応答時間(TTFB)を短縮します。
INP: 長いJavaScriptのタスクを分割し、サードパーティのスクリプトを遅延させ、入力ハンドラーでの重い処理を避けます。
CLS: 画像、埋め込み、広告に固定のサイズを指定し、バナー用のスペースを確保し、font-display と、サイズを合わせたフォールバックフォントを使用します。

FCP(First Contentful Paint)は、何かが最初に表示されるタイミングを、TTFB(Time to First Byte)は、サーバーがどれだけ速く応答するかを示します。どちらも、LCPが遅い原因の把握に役立ちます。

Privatus Analyticsは、5つの指標すべてを、サンプリングしたCookieレスの実際の訪問から、トラフィックと並べて計測します。パフォーマンス監視を見る。