🚀 新規事業

core-web-vitals-monitor

最終更新 2026年05月08日 ／ 40_新規事業/SCALE_Build/カタログ/Tips集/core-web-vitals-monitor.md

Core Web Vitals 計測 (LCP/FID/CLS)

概要

Webページの体感速度3指標（LCP/FID/CLS）を本番環境で実測。Google検索順位にも直結。

要点

  • LCP（Largest Contentful Paint）2.5秒以内が良好
  • FID（First Input Delay）100ms以内
  • CLS（Cumulative Layout Shift）0.1以下
  • web-vitals npm でリアルユーザー計測
  • Google Analytics / 自前KVに送信
  • 改善ループ: 計測 → 仮説 → 改善 → 計測

対象読者

  • フロントエンド
  • パフォーマンスエンジニア
  • SEO担当

効果

体感速度の数値化で改善優先度が明確に。