• ログイン今すぐ開始

Browserモニタリングの概要

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

  • 問題は、インフラストラクチャやアプリケーション、最終的にそれを利用するブラウザに起因するか?
  • 問題のあるインターネットブラウザや、CPUやメモリに障害のある自社のデータセンターの問題か、またはそれ以外か?
  • ウェブサイトでカスタマーエクスペリエンスに重点を置いた場所を優先できるように、コアウェブバイタル(CWV)スコアを監視および改善するにはどうすればよいですか?

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

コアウェブバイタル

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

New Relicのブラウザモニタリングを使用することで、アプリでエンドユーザーエクスペリエンスに関する実用的データを確認します。

ブラウザモニタリングの概要ページには、以下の重要なコアウェブバイタルスコアが表示されます。

  • 最大視覚コンテンツの表示時間(LCP):ページコンテンツの読み込み速度
  • 初回入力までの遅延時間(FID):ブラウザがユーザー入力に応答できる速度
  • 累積レイアウトシフト数(CLS):読み込まれているコンテンツがどの程度不安定か

PageViewTimingイベントを使用して、その他のイベントと依存関係がない、よりリアルタイムの配信メカニズムを実現することもできます。

RUM(リアルユーザーモニタリング)を超える

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

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

ページ全体のライフサイクルデータの測定

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

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

フロントエンドの問題とバックエンドの問題を関連付ける

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

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

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

Browserモニタリングを開始する

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

  1. まだの場合は、New Relicアカウントにサインアップしてください
  2. Browserエージェントをインストールします。
  3. one.newrelic.comに移動し、ブラウザアプリを選択します。
  4. ブラウザモニタリング概要ページで、コアウェブバイタルとその他の概要データを表示してから、ページロードタイミングの詳細とその他のUIデータにドリルダウンします。

ヒント

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

Copyright © 2022 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.