Back to Topics
パフォーマンス Reading Time: 5 min

Web Vitalsの監視

開発環境だけでなく、本番環境の全ユーザーの体験をリアルタイムで監視・改善するサイクルを作ります。

Web Vitalsの監視

パフォーマンスは「一度直して終わり」ではありません。継続的な監視(RUM - Real User Monitoring)が重要です。

監視のサイクル

  1. データ収集: web-vitals ライブラリを使用して、ブラウザからメトリクスを送信。
  2. 集計・可視化: Grafana や Datadog, Sentry などのツールでダッシュボードを作成。
  3. 分析: スコアが低下した時間帯やデバイス、地域を特定。
  4. 改善: ボトルネックを修正し、デプロイ後に効果を検証。

ツール例

  • Vercel Analytics: デプロイするだけで自動的に計測。
  • Sentry Profile: コードレベルでの遅延を特定。

現場のデータから学ぶことが、最も効率的なパフォーマンス改善の道です。

Share this Article

Next Stage Explore Roadmap