• /
  • ログイン
  • 無料アカウント

Browserモニタリングの概要

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

  • 問題は、インフラストラクチャやアプリケーション、最終的にそれを利用するブラウザに起因するか?
  • 問題のあるインターネットブラウザや、CPUやメモリに障害のある自社のデータセンターの問題か、またはそれ以外か?

ヒント

Browserモニタリング、およびその他のオブザーバビリティ プラットフォームを使用するには、New Relicファミリーに参加してください。サインアップして、わずか数秒で無料アカウントを作成できます。次に、毎月最大で100GBのデータを無料で取り込みます。期間無制限です。

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

多くのウェブサイトでは、初期ページの読み込み後に動的コンテンツが読み込まれるため、複雑なJavaScriptコードに対するエラーレポートの必要性が高まっています。New Relic OneでのBrowserモニタリングにより、リアルユーザーモニタリング(RUM)を行います。RUMでは、さまざまなウェブブラウザやデバイス、オペレーティングシステム、ネットワークからサイトに移動する際の、エンドユーザーの速度とパフォーマンスを測定します。

browser_intro.png

New Relic OneのBrowserモニタリングを使用することで、アプリでのエンドユーザーエクスペリエンスに関する実用的データが得られます。

ただし、New RelicのBrowserモニタリングでは、最初のページロードだけではなく、ページ全体のライフサイクルデータも測定されます。たとえば、Browser UIには次のものが表示されます。

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

ユーザーの認識を検証

実際のユーザーデータから、実際のページのパフォーマンスについての知見が得られますが、サイトのパフォーマンスについてのユーザーの認識も検討する必要があります。ページでは多くの異なる方法でコンテンツをロードでき、ユーザーはそのコンテンツとのインタラクションをいつ行うかを制御します。これは、ユーザー中心のパフォーマンスメトリクスが、Browserモニタリングエージェントの標準ウィンドウオンロードのページロードタイム以外で発生するためです。

PageViewTimingイベントは、その他のイベントに依存しない、よりリアルタイムの配信メカニズムを提供します。追加のメトリックスには次のものがあります。

  • First paint、first contentful paint、largest contentful paint
  • First input delay
  • First interaction

視覚と反応の両方の視点から、サイトのユーザー体験がどのようなものかを理解するのに役立ちます。

インタラクティブアプリのパフォーマンスを改善

シングルページアプリケーション(SPA)モニタリングは、ブラウザのインタラクションでのルート変更や最初のページのロード、同期および非同期のアクティビティを追跡します。当社のBrowserエージェントとSPA APIを使用して、ブラウザ内で実行されるほぼすべてのものをモニターすることもできます。

開発者の場合、SPAモニタリングを使用して次のことを行えます。

  • 読み込みや反応が早く、非常にインタラクティブなアプリケーションを作成します。
  • リアルユーザーが体験しているスループットやパフォーマンスを監視します。
  • ページ読み込みに関連した問題をトラブルシューティング・解決します。
  • データのクエリと可視化を行い、ビジネスの決定を支援する。
  • 優れたアプリケーションを迅速に市場に投入します。

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

New Relic Oneを使用して、メトリックスやイベント、ログ、トレースなど、必要なあらゆる種類のデータのインストゥルメントを行えます。これにより、スタック全体でのエンドユーザーエクスペリエンスについての実行可能なデータが見つかります。例えば:

Full-Stack Observability

コメント

場所やドメイン

特定の地理的な場所やエンドユーザーの特定の種類のアクティビティに重点を置くよう、ブラウザモニタリングを制限します。特定のドメインをモニターまたはブロックすることもできます。

インタラクションのトレンド

比較チャート機能を使用して、実際のユーザー(Browser)インタラクションと、Syntheticsモニターに表示される傾向との間のページロードタイムを直接比較します。

ディストリビューティッド(分散)トレーシング

ディストリビューティッド(分散)トレーシングによるバックエンドサービスを通じて、ウェブブラウザからレイテンシを隔離します。UIを使用して、ブラウザのアクティビティやネットワークに費やした時間、バックエンドのアクティビティなど、すべてのトランザクションでの接続を表示できます。

ブラウザタイプ

次のものを含む、使用するあらゆる種類のブラウザで区分されたアプリにより、エンドユーザーエクスペリエンスを詳しく調べます:

  • スループット別の上位ブラウザ

  • プラットフォーム(モバイル、デスクトップなど)ごとの平均ページロードタイム

  • バージョン別の選択されたブラウザタイプ(たとえば、Chrome 31、32、33など)

    これにより、ページロードタイミングの問題が、特定のブラウザタイプもしくはプラットフォームに関連があるのか、あるいは問題がより広範囲にわたっているかを迅速に判断できます。

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

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

  1. Browserモニタリングについての互換性の詳細と基本的な要件をご確認ください。
  2. Browserエージェントをインストールします。
  3. Browser summaryページで概要データを表示してから、ページロードタイミングの詳細とその他のUIデータにドリルダウンします。
  4. 主要なパフォーマンスデータのアラートを設定するか、インテリジェンスの応用ソリューションを使用して、アラートノイズを減らし、インシデントを関連付け、自動的に異常を検出します。
  5. デフォルトデータクエリと視覚化(または自身のデータのカスタマイズ)を行ってから、ビジネスについてデータから分かることを分析します。
  6. 独自のチャートとダッシュボードをカスタマイズし共有します。

その他のヘルプ

さらに支援が必要な場合は、これらのサポートと学習リソースを確認してください:

問題を作成するこのページを編集する
Copyright © 2020 New Relic Inc.