Web Vitals とは？

Googleが提唱している「Webサイトの品質を数値で測るための指標セット」だよ。病院で体温や血圧を測るように、Webサイトの表示速度や使いやすさを数値化して健康状態をチェックするイメージだね。

たくさんあるけど、中でも特に重要な3つを「Core Web Vitals」と呼んでいるよ。LCP（最大コンテンツの表示時間）、INP（操作への応答速度）、CLS（レイアウトのズレ具合）の3つだね。これ以外にもFCP、TTFB、TTIなどの指標があるよ。

「速い」って一言で言っても、色々な側面があるからだよ。たとえば画面に何か表示されるまでの速さ、ボタンを押してから反応するまでの速さ、ページ読み込み中にレイアウトがガタガタ動かないか——それぞれ別の指標で測る必要があるんだ。

Web Vitalsは指標の「総称」で、Core Web Vitalsはその中の「最重要3指標」という関係だよ。Core Web VitalsはGoogle検索のランキングにも影響するから、サイト運営者にとっては特に見逃せないものなんだ。

Chrome DevToolsのLighthouseパネルや、PageSpeed Insights、web-vitalsというJavaScriptライブラリで測れるよ。Google Search Consoleにも「ウェブに関する主な指標」というレポートがあって、実際のユーザーデータに基づいた結果が見られるんだ。

いい質問だね。Lighthouseで測るのは「ラボデータ」といって、一定条件でシミュレーションした結果。一方CrUX（Chrome User Experience Report）は「フィールドデータ」といって、実際のユーザーが体験した値の集計なんだ。Googleが検索ランキングに使うのはフィールドデータの方だよ。

そうだよ。ちなみにWeb Vitalsの指標は時代とともに進化していて、以前はFIDがCore Web Vitalsの一つだったけど、2024年にINPに置き換わったんだ。Webの使われ方が変わるにつれて指標も更新されるから、定期的にチェックするのが大事だよ。