リアルユーザーモニタリングの洞察を得る
Grafana Cloud フロントエンド・オブザーバビリティは、リアルユーザーモニタリング（RUM）を提供するホスト型サービスであり、Webアプリケーションのエンドユーザー体験について、直接的で明確な、実用的な洞察を提供します。リアルタイムのフロントエンドの健康状態を把握し、フロントエンドのエラーを追跡し、スタック全体にわたるエンドツーエンドの可視性を持って問題を解決できます。
Grafana Cloudの無料プランで始める：50kフロントエンドセッション
実際のエンドユーザー体験を理解する
Web Vitalsを監視し、レポートすることで、ユーザーのためのウェブサイトやアプリケーションのパフォーマンスを最適化します。
ユーザー向けの問題をトラブルシューティング
問題が発生するまでのユーザーの行動を再構築し、パフォーマンスの問題をデバッグする際にそのデータをバックエンドのリクエストと相関させます。
フロントエンドエラーのMTTRを短縮
自動的にグループ化された類似のエラーを調べ、特定のコード行まで問題を調査します。
Grafana Cloudのフロントエンドモニタリングを使うのはなぜ？
エンドユーザー体験のモニタリング
- ページのロード時間、ユーザーインタラクション、累積レイアウトシフトなど、優れたユーザー体験を理解し提供するための重要な指標を測定します。
- パフォーマンス指標を、デバイスタイプ、アプリケーションバージョン、セッションIDなど、ビジネス目標に合わせて分析し、特定のユーザーがサイトとどのように対話しているかを詳しく学びます。
エラーを完全なスタックトレースで追跡
- フロントエンドエラーの重大度を、発生頻度と量に基づいて評価します。
- 役立つコンテキストメタデータを使用して、各問題を調査します。
- JavaScriptのスタックトレースを展開することで、エラーの原因を特定のコード行に絞り込みます。
エンドユーザーインタラクションのエンドツーエンドの可視性
- 任意のパラメータに基づいてユーザーセッションを見つけます。
- ユーザーセッションのイベントタイムラインを再構築します。
- フロントエンドセッションをリクエストトレースと相関させて、フルスタックの可
カスタムGrafanaダッシュボードを構築
- フロントエンドのパフォーマンスデータはGrafana Cloud Logsに保存され、Prometheusメトリクスとして公開され、柔軟な分析とレポーティングのためにGrafanaで視覚化されます。
Grafana Cloud Frontend Observabilityを始めるのは簡単です
アプリケーションの登録
アプリケーションの名前とデータを送信するドメインを入力します。
アプリケーションにGrafana Faro Web SDKを追加
npmレジストリまたはCDNを使用してアプリケーションにFaro Web SDKを追加します。または、トレースデータをキャプチャするためにOpenTelemetryを追加することもできます。
すぐに利用可能なインサイトを楽しむ
リアルタイムのフロントエンドの健康状態をすぐに確認し、フロントエンドのエラーを監視し、数分でユーザーセッションを追跡を開始します。
完全な実装の詳細とベストプラクティスについては、
Grafana CloudのFrontend Observabilityを始める
すべてのユーザー、すべての組織、すべてのユースケースのためのリアルユーザーモニタリング
Cloud Free
アーリーステージや小規模チームに最適で、月間5万セッションまでのサイトを監視する場合に最適です。
Cloud Pro
月間5万セッションを超えるウェブサイトを監視し、8x5のサポートが必要な成長中のチームに最適です。
Cloud Advanced
月間5万セッションを越えるウェブサイトを監視し、24時間365日のサポートを必要とするグローバルチームに最適です。
役立つリソース
ビデオ
Intro to Application and Frontend Observability with Grafana Cloud
Blog post
Real user monitoring in Grafana Cloud: Get frontend error tracking, faster root cause analysis, and more
Documentation
Grafana Cloud Frontend Observability documentation
Blog post
Gain real user monitoring insights with Grafana Cloud Frontend Observability
Blog post
Introducing Grafana Faro, an open source project for frontend application observability