【うぇぶばいたるず】

Web Vitals とは？

最終更新: 2026年10月8日

💡 読み込み・応答・表示の安定性を測る指標

Googleが提唱する、Webページの利用体験を測る品質指標の取り組み。読み込み、操作への応答、表示の安定性などを確認し、改善する箇所を探す。中心となるCore Web VitalsはLCP・INP・CLS。

📌 このページのポイント

通常のLighthouse読み込みテストはINPを直接測れず、TBTを応答性の調査に使う。数値だけで利用体験全体や検索順位が決まるわけではない。

ひよこ

Web Vitalsって何なの？

ペンギン先生

Googleが提唱する、Webページの利用体験を測る品質指標の取り組みだよ。読み込みが速いか、操作に応答するか、表示がずれないかを分けて確認し、改善する箇所を探すんだ。

ひよこ

Core Web Vitalsとは何が違うの？

ペンギン先生

Core Web Vitalsは、その中でも中心となる指標だよ。今はLCPが読み込み、INPが操作への応答性、CLSが予期しない表示位置のずれを扱う。FIDは2024年にINPへ置き換わったんだ。

ひよこ

LCPが速ければ、全部の読み込みが終わっている？

ペンギン先生

LCPは、画面内で見える最大の対象要素が描画された時点を測るよ。画像やテキストなどが対象で、ページの全ての処理が終わる時刻とは違う。FCPやTTFBなどの補助指標も、原因を調べるのに役立つんだ。

ひよこ

Lighthouseで3つを全部測れる？

ペンギン先生

通常のページ読み込みテストでは、操作がないのでINPを直接測れないよ。LighthouseではTBTを応答性の調査に使う。実際の操作で測るINPと同じ値として扱わないことが大切なんだ。

ひよこ

実ユーザーの測定はどう確認するの？

ペンギン先生

CrUXは、Chromeの実ユーザーの測定値を集計する仕組みだよ。PageSpeed InsightsやSearch Consoleなどで確認できる。ラボの決まった端末・通信条件での結果と、さまざまな利用条件の集計を区別しよう。

ひよこ

良い数値になれば、Google検索で必ず上位？

ペンギン先生

Core Web Vitalsはランキングシステムで使われるけれど、上位表示の保証ではないよ。検索内容との関連性など他の要素もある。指標を良くする目的は、利用者が快適に使えるページへ改善することなんだ。

まとめ：ざっくりこれだけ覚えればOK！

「Web Vitals」って出てきたら「読み込み・応答・表示の安定性を測る指標」と思えばだいたいOK！

📖 おまけ：英語の意味

「Web Vitals」＝ Webの生命指標

💬 vitalsは生命兆候を表す語だよ。ここでは、ページの利用体験を複数の指標で確認する取り組みの名前として使われているんだ。

参考資料