ブラウザモニタリング's Summary ページは、アプリのリアルユーザーのブラウザパフォーマンスをまとめたものです。Summary ページは以下のように使用します。
- アプリのブラウザ側のパフォーマンスの傾向を見ることができます。
- ページロードのタイミングに関する問題の迅速なトラブルシューティング
- 他のブラウザのUIページへの移動
サマリーページの表示
アプリのブラウザパフォーマンスの概要を表示するには、次のようにします。
- one.newrelic.com > Explorer> Browser applications にアクセスします。 エクスプローラー を使用して、すべての エンティティ 、つまり、アプリケーションやホストから任意の要素のカスタムグルーピングまで、データを報告していると特定できるものすべてにアクセスできます。
- または、 one.newrelic.com にアクセスし、「ブラウザ」をクリックし、 ブラウザのインデックス からアプリを選択します。
- アプリの 「Summary」 ページから、 New Relic の標準的なページ機能 を使って、詳細な情報を掘り下げることができます。
one.newrelic.com > ブラウザ> (アプリを選択)> Summary: ブラウザアプリのインデックスからアプリケーションを選択した後、 Summary ページには、そのアプリのブラウザパフォーマンスの概要が表示されます。
サマリーページには
- Core Web Vitals ウィジェット
- ユーザーがサイトを利用する時間
- 初期のページロードとルート変更のチャート
- ユーザー重視のページロードタイムチャート
- スループットチャート
- フロントエンドとバックエンドのチャート
- デバイスタイプ別の最初のインタラクション、ユーザーエージェント別の最初のインタラクション、JavaScriptのエラー、URL別の最初の入力の最長遅延時間
- 関連するEntitiesウィジェット
- シンセティック・モニターを見る
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 をお読みください。
シンセティック・モニターを見る
ボタンをクリックすると、 Synthetics のページに移動します。Syntheticsについての詳細は、 Synthetic monitoring をご覧ください。