ブラウザモニタリングの[概要]ページには、アプリの実際のブラウザのパフォーマンスがまとめられています。 [概要]ページを使用して、次のことを行います。
- アプリのブラウザ側のパフォーマンスの傾向を見ることができます。
- ページロードのタイミングに関する問題の迅速なトラブルシューティング
- 他のブラウザのUIページへの移動
サマリーページの表示
アプリのブラウザパフォーマンスの概要を表示するには、次のようにします。
- one.newrelic.com > Explorer> Browser applications にアクセスします。 エクスプローラー を使用して、すべての エンティティ 、つまり、アプリケーションやホストから任意の要素のカスタムグルーピングまで、データを報告していると特定できるものすべてにアクセスできます。
- または、 one.newrelic.com にアクセスし、「ブラウザ」をクリックし、 ブラウザのインデックス からアプリを選択します。
- アプリの 「Summary」 ページから、 New Relic の標準的なページ機能 を使って、詳細な情報を掘り下げることができます。
one.newrelic.com > ブラウザ> (アプリを選択)> Summary: ブラウザアプリのインデックスからアプリケーションを選択した後、 Summary ページには、そのアプリのブラウザパフォーマンスの概要が表示されます。
サマリーページには
- Core Web Vitals ウィジェット
- ユーザーがサイトを利用する時間
- 初期のページロードとルート変更のチャート
- ユーザー重視のページロードタイムチャート
- スループットチャート
- フロントエンドとバックエンドのチャート
- デバイスタイプによる最初のインタラクション、ユーザーエージェントによる最初のインタラクション、JavaScriptエラー、およびURLによる最長の最初の入力遅延
- 関連エンティティウィジェット
- 合成モニターを見る
Core Web Vitals ウィジェット
Core Web Vitals ウィジェットは、Google の Core Web Vitals に基づいて、ブラウザのパフォーマンスを表示します。Core Web Vitals ウィジェットには以下のものがあります。
- LCP - Largest Contentful Paint
- FID - ファーストインプットディレイ
- CLS - 累積レイアウトシフト
ユーザーがサイトを利用する時間
ユーザーのサイト滞在時間 ウィジェットでは、ユーザーがサイトに滞在している時間を表示します。
初期のページロードとルート変更のチャート
Initial page load and route change チャートは、URLのロードまたはリロードに起因する従来のURL変更のロード時間を示しています。このグラフは、 ページロードタイミングプロセス の詳細とともに、 ページロードタイムページ に掲載されています。
ユーザー重視のページロードタイムチャート
User-centric page load times チャートは、ユーザーにとってのページのロード時間を示しています。このグラフは、 ページロードタイミングプロセス の詳細とともに、 ページロードタイムページ に表示されます。
スループットチャート
Throughput チャートでは、ブラウザのスループットを1分あたりのページ数(ppm)で表示しています。チャートの右上に表示されている値は、選択した時間範囲の平均値です。
SPA モニタリング を有効にしていて、 Summary ページに SPA ロードタイム チャートが表示されている場合、 Throughput チャートにも SPA データが使用されます。
ヒント
Appサーバーの毎分のリクエスト数(rpm)は、ブラウザの ページロードタイミング の毎分のページ数(ppm)とは異なる測定値を示す場合があります。
フロントエンドとバックエンドのチャート
フロントエンドとバックエンドの比較 チャートは、connect APMサービスアプリケーションにリンクしています。APMとトレースの詳細については、 Language agents and distributed tracing を参照してください。
デバイスタイプ別の最初のインタラクション、ユーザーエージェント別の最初のインタラクション、JavaScriptのエラー、URL別の最初の入力の最長遅延時間
また、 ページロードタイムのページ と JavaScriptエラーのページ から、これらのメトリクスの要約版を見ることができます。
- デバイスタイプ別の最初のインタラクション
- ユーザーエージェントによる最初のインタラクション
- JavaScriptのエラー
- URL別の最長初回入力遅延時間
関連するEntitiesウィジェット
Related Entities ウィジェットには、ブラウザに関連するすべてのエンティティが表示されます。エンティティ間の接続について詳しく理解するには、 Entity relationships をお読みください。
シンセティック・モニターを見る
[合成モニターの表示]ボタンをクリックすると、[合成]ページに移動します。合成の詳細については、合成モニタリングを参照してください。