Web Vitals とは？
- Googleが定義したWebページの品質を測る指標群の総称
- 表示速度・操作応答性・視覚安定性など複数の指標で構成される
- Core Web Vitalsはその中でも特に重要な3指標（LCP・INP・CLS）
- Google検索のランキング要因にも使われており、SEO対策としても重要
ひよこ Web Vitalsって何なの？
ペンギン先生 Googleが提唱している「Webサイトの品質を数値で測るための指標セット」だよ。病院で体温や血圧を測るように、Webサイトの表示速度や使いやすさを数値化して健康状態をチェックするイメージだね。
ひよこ どんな指標があるの？
ペンギン先生 たくさんあるけど、中でも特に重要な3つを「Core Web Vitals」と呼んでいるよ。LCP（最大コンテンツの表示時間）、INP（操作への応答速度）、CLS（レイアウトのズレ具合）の3つだね。これ以外にもFCP、TTFB、TTIなどの指標があるよ。
ひよこ なんでそんなに指標が必要なの？
ペンギン先生 「速い」って一言で言っても、色々な側面があるからだよ。たとえば画面に何か表示されるまでの速さ、ボタンを押してから反応するまでの速さ、ページ読み込み中にレイアウトがガタガタ動かないか——それぞれ別の指標で測る必要があるんだ。
ひよこ Web VitalsとCore Web Vitalsって何が違うの？
ペンギン先生 Web Vitalsは指標の「総称」で、Core Web Vitalsはその中の「最重要3指標」という関係だよ。Core Web VitalsはGoogle検索のランキングにも影響するから、サイト運営者にとっては特に見逃せないものなんだ。
ひよこ どうやって測ればいいの？
ペンギン先生 Chrome DevToolsのLighthouseパネルや、PageSpeed Insights、web-vitalsというJavaScriptライブラリで測れるよ。Google Search Consoleにも「ウェブに関する主な指標」というレポートがあって、実際のユーザーデータに基づいた結果が見られるんだ。
ひよこ ラボデータと実際のユーザーデータって違うの？
ペンギン先生 ひよこ へぇ、実際のユーザーの体験が重視されるんだね！
ペンギン先生 そうだよ。ちなみにWeb Vitalsの指標は時代とともに進化していて、以前はFID（First Input Delay）がCore Web Vitalsの一つだったけど、2024年にINP（Interaction to Next Paint）に置き換わったんだ。Webの使われ方が変わるにつれて指標も更新されるから、定期的にチェックするのが大事だよ。