Browserモニタリングの概要 | New Relic Documentation

エンドユーザーエクスペリエンスは、テクノロジースタック全体により異なります。顧客の苦情や問題の原因を速やかに理解する必要があります。

New Relicのブラウザモニタリングを使用することで、アプリでのエンドユーザーのエクスペリエンスに関する実用的なデータを使用して、アラートの表示、クエリ、視覚化、および設定できます。また、APMでアプリをすでに監視している場合は、APMエージェントを使用してブラウザモニタリングを追加できます。

ブラウザアプリの監視

実際のユーザーモニタリング（RUM）から、実際のページのパフォーマンスについての知見が得られますが、サイトのパフォーマンスについてのユーザーの認識も検討する必要があります。ページでは多くの異なる方法でコンテンツをロードでき、ユーザーはそのコンテンツとのインタラクションをいつ行うかを制御します。

Googleのコアウェブバイタルは、ブラウザアプリでのユーザー体験を測定するための3つのメトリクスで、New Relicでそれらを追跡できます。New Relicでは、次の2つの場所でコアウェブバイタルを表示します。

New Relicでのブラウザモニタリングは、リアルユーザーモニタリング（RUM）を提供します。RUMは、エンドユーザーがさまざまなウェブブラウザ、デバイス、オペレーティングシステム、ネットワークからサイトにナビゲートする速度とパフォーマンスを測定します。

ただし、ブラウザモニタリングは、初回ページの読み込みをはるかに超えます。

ブラウザモニタリングUIでページ全体のライフサイクルデータを測定し、以下を取得します。

ページ閲覧の人気やユーザー満足度スコア（Apdex）別の詳細なパフォーマンスデータ
非同期または動的表示およびインタラクティブページのコンテンツ表示速度を測定する認識されたパフォーマンスデータ
エラー自体を引き起こすエンドユーザーの手順を示す、JavaScriptエラー分析、ソースマップ、スタックトレース、命令行の可視化
ウェブページのライフサイクル全体での負荷やインタラクションイベントの詳細なタイムラインとヒートマップのあるセッションパフォーマンス
ウェブページのタイミングやエンドポイント、特定の場所での問題を示すAJAXリクエスト
シングルページアプリケーション（SPA）アーキテクチャーによるアプリのハッシュベースのルート変更、初回ページの読み込み、ブラウザインタラクション中のアクティビティ

APIで、ブラウザおよびSPAモニタリングをカスタマイズ、拡張することもできます。

メトリクス、イベント、ログ、トレースなど、必要なあらゆる種類のデータのインストゥルメント。したがって、以下ができます。

特定の地理的な場所またはエンドユーザーの特定の種類のアクティビティに重点を置く。
特定のドメインを監視またはブロック。
実際のユーザーブラウザのインタラクションとSyntheticモニタリングの傾向を比較チャートと比較。
ディストリビューティッド（分散）トレーシングを使用して、ブラウザのアクティビティやネットワークに費やした時間、バックエンドのアクティビティなど、トランザクション全体でレイテンシを分離。
問題が特定の種類のブラウザ、プラットフォーム（モバイル、デスクトップなど）、またはブラウザのバージョンに関連しているかどうかを判断。

こうしたツール（他にもあります）を使用して、チームはエンドユーザーのページのロード体験を最適化し、バグをなくし、フルスタックでのトラブルシューティングを迅速に行えるようになります。

以下の基本的な手順に従うと、New RelicでBrowserモニタリングをすぐに実行できるようになります。

入手するすべてのデータを最大限に活用する方法がわからない場合は、ブラウザモニタリングのベストプラクティスガイドを参照してください。