Back to Topics
パフォーマンス Reading Time: 5 min
Web Vitalsの監視
開発環境だけでなく、本番環境の全ユーザーの体験をリアルタイムで監視・改善するサイクルを作ります。
Web Vitalsの監視
パフォーマンスは「一度直して終わり」ではありません。継続的な監視(RUM - Real User Monitoring)が重要です。
監視のサイクル
- データ収集:
web-vitalsライブラリを使用して、ブラウザからメトリクスを送信。 - 集計・可視化: Grafana や Datadog, Sentry などのツールでダッシュボードを作成。
- 分析: スコアが低下した時間帯やデバイス、地域を特定。
- 改善: ボトルネックを修正し、デプロイ後に効果を検証。
ツール例
- Vercel Analytics: デプロイするだけで自動的に計測。
- Sentry Profile: コードレベルでの遅延を特定。
現場のデータから学ぶことが、最も効率的なパフォーマンス改善の道です。
Share this Article
Next Stage Explore Roadmap