Core Web Vitals (LCP, FID・INP, CLS)

定義

**Core Web Vitals (LCP, FID・INP, CLS)**は、利用者が感じる表示・応答・視覚安定性とresource効率を改善する活動である。「LCP, FID・INP, CLS」が対象範囲・条件を具体化する。

仕組みと具体例

LCPは主要content表示、INPは操作応答、CLSは予期しないlayout移動を測る。通常時に加え、境界値、失敗、並行実行、依存条件の変化も追跡する。

実践と検証

実user計測とlab計測を併用し、画像寸法、code split、cacheの変更効果をbudgetで確認する。期待結果を観測可能に記述し、最小例から異常系へ広げる。

トレードオフ

精度・性能・単純さ・運用costの間にはtradeoffがある。適用範囲を広げる前に解決するriskと仮定を確認し、例外には理由と代替策を記録する。