改善事例

Core Web Vitals(LCP・INP・CLS)とは?2026年の合格ラインと改善の基本【実測付き】

Core Web Vitals(コアウェブバイタル)とは、Googleが定める「ページ体験の質」を測る3つの指標のことです。具体的には、LCP(表示速度)・INP(反応の速さ)・CLS(表示の安定性)の3つを指します。2020年に導入され、検索順位を左右するランキング要因の一つでもあります。数値が悪いと、ユーザーは「重い」「押しても反応しない」と感じて離脱しやすくなります。逆に、この3つを整えるだけでも体感速度は大きく変わります。

この記事でわかること

  • Core Web Vitals(LCP・INP・CLS)が何を測っているか
  • 2026年時点の「合格ライン」と、良い・要改善・不良の境目
  • スコアを上げるために最初にやるべき改善の基本ステップ

Mobilistica では、自社で運営する十数サイトのPageSpeed実測データをもとに、Core Web Vitalsの改善ノウハウを検証しています。Mobilistica 編集部は、Googleの公式ドキュメント(web.dev・Search Central)で各指標の基準を確認しました。そのうえで、自社サイトで改善した数値と突き合わせて整理しています。まず、あるECサイトでモバイルのパフォーマンススコアを28点から76点へ引き上げたときの実測を見てください。

この改善は特別な作り替えではなく、画像の最適化とキャッシュ設定という「基本」で達成したものです。2026年6月に実施したこの作業では、デスクトップは97点まで伸びました。

サイト速度診断ツールのスコア表示
PageSpeed Insightsでスコアを前後比較する

Core Web Vitalsとは?3つの指標の意味

Core Web Vitalsは、Googleが「良いページ体験」を数値化するために選んだ中核指標です。web.dev(Googleの開発者向け公式サイト)によると、現在の3指標は次の役割を持ちます(出典:web.dev Web Vitals)。

  • LCP(Largest Contentful Paint):ページで一番大きな要素が表示されるまでの時間。「表示の速さ」を表します。
  • INP(Interaction to Next Paint):クリックやタップに画面が反応する速さ。「操作へのキビキビ感」を表します。
  • CLS(Cumulative Layout Shift):読み込み中にレイアウトがガタッとずれる量。「表示の安定性」を表します。

なぜこの3つなのか。理由は、ユーザーが「速い・反応が良い・ズレない」と感じる体験を、それぞれ独立して測れるように設計されているからです。初めてCore Web Vitalsを確認する人は、まず自分のサイトのどの指標が弱いのかを把握するところから始めると迷いません。

2026年の合格ラインと、良い・要改善・不良の境目

各指標には、Googleが公開する明確なしきい値があります。判定は実際のユーザー環境で計測した「フィールドデータ」の75パーセンタイル値で行われます。Mobilistica が公式基準を整理したものが次の表です。

指標 測るもの 良好 要改善 不良
LCP 表示速度 2.5秒以下 2.5〜4.0秒 4.0秒超
INP 反応の速さ 200ミリ秒以下 200〜500ミリ秒 500ミリ秒超
CLS 表示の安定性 0.1以下 0.1〜0.25 0.25超

※ INPは2024年3月に、旧指標FID(First Input Delay)に代わって正式なCore Web Vitalsになりました。古い記事では「FID」と書かれていることがありますが、2026年現在はINPで判断します(出典:web.dev INP)。

3つのウェブ指標を表すゲージ
Core Web Vitalsは速さ・反応・安定性の3指標

スコアを改善する基本ステップ

改善は、やみくもに手を付けるより「効果の大きい順」に進めるのが鉄則です。実際にelorigen-coffee.comのスコアを28点から76点へ上げたときも、次の順番で進めました。

  1. 画像を最適化する(LCPに最も効く):大きな画像をWebPに変換し、サイズを表示領域に合わせる。ファーストビューの重い画像を軽くするだけでLCPが大きく縮みます。
  2. キャッシュを設定する:ページキャッシュを有効にし、サーバー応答(TTFB)を短くする。WordPressなら最適化系プラグインの設定を見直します。
  3. 読み込みの優先順位を整える:画面外の画像は遅延読み込み、不要なスクリプトは後回しにする。
  4. レイアウトのずれを止める(CLS対策):画像や広告枠に幅・高さを指定し、後から要素が挿入されて画面が動くのを防ぎます。
  5. 計測して確認する:PageSpeed Insightsで前後を比較し、効いたかを必ず数値で確かめます。

率直に言うと、多くのサイトは①の画像最適化だけでもLCPが目に見えて改善します。2026年6月時点で自社サイトを見直した際も、最初のインパクトが一番大きかったのは画像でした。なお、動きのある表現をGIFで載せるとかえって重くなるため、Mobilistica では動画形式(MP4・WebP)に切り替える運用にしています。

よくある勘違い・注意点

Core Web Vitalsでつまずきやすいのが、「ラボデータ」と「フィールドデータ」の違いです。PageSpeed InsightsのスコアやLighthouseは、その場でシミュレーションしたラボデータ。一方、検索順位に使われるのは実際のユーザーの環境で集めたフィールドデータです。手元で満点でも、実ユーザーの回線や端末では基準を満たさないことがあります。

Googleは検索セントラルで、Core Web Vitalsをページ体験のシグナルとして用いると説明しています。ただし「優れたページ体験だけで上位表示が保証されるわけではなく、まず関連性の高い優れたコンテンツが重要」とも明記しています(出典:Google 検索セントラル)。

注意点をまとめます。※スコアは日々変動するため、1回の計測で一喜一憂しないことが大切です。

  • ラボ満点=合格ではない:判定はフィールドデータ。実ユーザーのデータ(CrUX)で確認する。
  • スコアはコンテンツの代わりにならない:速さは土台であり、中身の質が先。
  • モバイルとPCは別物:モバイルの方が厳しく出やすいので、必ずモバイルで確認する。

よくある質問(Core Web Vitals FAQ)

Core Web Vitalsとは何ですか?

Googleが定めるページ体験の3指標(LCP・INP・CLS)で、表示速度・反応の速さ・表示の安定性を測ります。検索順位のランキング要因の一つでもあります。

Core Web Vitalsの合格ラインはどのくらいですか?

LCPは2.5秒以下、INPは200ミリ秒以下、CLSは0.1以下が「良好」です。実際のユーザー環境のデータ(75パーセンタイル値)で判定されます。

FIDとINPは何が違うのですか?

INPは2024年3月にFIDへ代わって導入された、より実態に近い応答性の指標です。2026年現在はINPで評価されます。

スコアを一番簡単に上げる方法は何ですか?

多くの場合、画像の最適化(WebP化・サイズ調整)が最も効果的です。ファーストビューの重い画像を軽くするとLCPが大きく改善します。

まとめ

結論として、Core Web VitalsはLCP・INP・CLSの3指標で、それぞれ2.5秒・200ミリ秒・0.1が合格ラインの目安です。改善は「画像→キャッシュ→優先順位→CLS対策→計測」の順で進めるのが効率的です。ポイントを再掲します。

  • 3指標は「速さ・反応・安定性」を独立して測る。判定はフィールドデータ。
  • 合格ラインはLCP 2.5秒以下・INP 200ミリ秒以下・CLS 0.1以下。
  • まず画像最適化から。実測では28点→76点の改善も基本の積み重ねで達成できた。

大切なのは、完璧なスコアを一度で目指すことではありません。3つの指標のうち、どれが足を引っ張っているかをまず知ることです。弱い指標から順に直していけば、次の一手は自然と決まります。数値は毎回変わるので、月に一度の計測を習慣にするのがおすすめです。

Mobilistica では今後も、自社サイトの実測データをもとに、サイト表示速度とCore Web Vitals改善の実践ノウハウを発信していきます。


最終更新: 2026-07-21
※本記事は一般的な情報提供を目的とし、個人の運用上の感想を含みます。Core Web Vitalsの基準・仕様はGoogleにより更新されることがあります。最新情報は公式をご確認ください。
参考: web.dev Web Vitals / web.dev INP / Google 検索セントラル
関連記事: ECサイトのモバイルスコアを28点から76点に改善した実測記録 / 無料診断ツールでLCPを測った話
運営情報: 運営者情報(Mobilistica)