エンドユーザーエクスペリエンスは、テクノロジースタック全体により異なります。顧客の苦情や問題の原因を速やかに理解する必要があります。
- 問題は、インフラストラクチャやアプリケーション、最終的にそれを利用するブラウザに起因するか?
- 問題のあるインターネットブラウザや、CPUやメモリに障害のある自社のデータセンターの問題か、またはそれ以外か?
- ウェブサイトで顧客体験に重点を置いた領域を優先できるように、コアウェブバイタルを監視および改善するにはどうすればよいですか?
New Relicのブラウザモニタリングを使用することで、アプリでのエンドユーザーのエクスペリエンスに関する実用的なデータを使用して、アラートの表示、クエリ、視覚化、および設定できます。また、APMでアプリをすでに監視している場合は、APMエージェントを使用してブラウザモニタリングを追加できます。
ブラウザアプリの監視
実際のユーザーモニタリング(RUM)から、実際のページのパフォーマンスについての知見が得られますが、サイトのパフォーマンスについてのユーザーの認識も検討する必要があります。ページでは多くの異なる方法でコンテンツをロードでき、ユーザーはそのコンテンツとのインタラクションをいつ行うかを制御します。
コアウェブバイタルの追跡
Googleのコアウェブバイタルは、ブラウザアプリでのユーザー体験を測定するための3つのメトリクスで、New Relicでそれらを追跡できます。New Relicでは、次の2つの場所でコアウェブバイタルを表示します。
RUM(リアルユーザーモニタリング)を超える
New Relicでのブラウザモニタリングは、リアルユーザーモニタリング(RUM)を提供します。RUMは、エンドユーザーがさまざまなウェブブラウザ、デバイス、オペレーティングシステム、ネットワークからサイトにナビゲートする速度とパフォーマンスを測定します。
ただし、ブラウザモニタリングは、初回ページの読み込みをはるかに超えます。
ページ全体のライフサイクルデータの測定
ブラウザモニタリングUIでページ全体のライフサイクルデータを測定し、以下を取得します。
- ページ閲覧の人気やユーザー満足度スコア(Apdex)別の詳細なパフォーマンスデータ
- 非同期または動的表示およびインタラクティブページのコンテンツ表示速度を測定する認識されたパフォーマンスデータ
- エラー自体を引き起こすエンドユーザーの手順を示す、JavaScriptエラー分析、ソースマップ、スタックトレース、命令行の可視化
- ウェブページのライフサイクル全体での負荷やインタラクションイベントの詳細なタイムラインとヒートマップのあるセッションパフォーマンス
- ウェブページのタイミングやエンドポイント、特定の場所での問題を示すAJAXリクエスト
- シングルページアプリケーション(SPA)アーキテクチャーによるアプリのハッシュベースのルート変更、初回ページの読み込み、ブラウザインタラクション中のアクティビティ
APIで、ブラウザおよびSPAモニタリングをカスタマイズ、拡張することもできます。
フロントエンドの問題とバックエンドの問題を関連付ける
メトリクス、イベント、ログ、トレースなど、必要なあらゆる種類のデータのインストゥルメント。したがって、以下ができます。
- 特定の地理的な場所またはエンドユーザーの特定の種類のアクティビティに重点を置く。
- 特定のドメインを監視またはブロック。
- 実際のユーザーブラウザのインタラクションとSyntheticモニタリングの傾向を比較チャートと比較。
- ディストリビューティッド(分散)トレーシングを使用して、ブラウザのアクティビティやネットワークに費やした時間、バックエンドのアクティビティなど、トランザクション全体でレイテンシを分離。
- 問題が特定の種類のブラウザ、プラットフォーム(モバイル、デスクトップなど)、またはブラウザのバージョンに関連しているかどうかを判断。
こうしたツール(他にもあります)を使用して、チームはエンドユーザーのページのロード体験を最適化し、バグをなくし、フルスタックでのトラブルシューティングを迅速に行えるようになります。
Browserモニタリングを開始する
以下の基本的な手順に従うと、New RelicでBrowserモニタリングをすぐに実行できるようになります。
- まだの場合は、New Relicアカウントにサインアップしてください。
- Browserエージェントをインストールします。
- one.newrelic.comに移動し、ブラウザアプリを選択します。
- ブラウザモニタリング概要ページで、コアウェブバイタルとその他の概要データを表示してから、ページロードタイミングの詳細とその他のUIデータにドリルダウンします。
ヒント
入手するすべてのデータを最大限に活用する方法がわからない場合は、ブラウザモニタリングのベストプラクティスガイドを参照してください。