ブラウザモニタリングの ページビュー ページは、サイトのページのパフォーマンスを把握することができます。ソートオプションでは、ページロード時間の割合、平均ページロード時間、またはスループットで詳細を表示できます。必要に応じて、閲覧数の多いウェブページに関する詳細情報、タイミングとスループットの詳細、ブラウザトレースやセッショントレースへのリンクも利用できます。
ブラウザでは、 シングルページアプリ(SPA)モニタリング も提供しています。SPAモニタリングをオプトインしている場合は、 SPA ページビュー ページ が異なります。
サマリー情報の表示
ブラウザモニタリングでは、ページビューを URL としてリストアップしています。これにより、特定のフロントエンドのページビューを簡単に特定することができます。例えば、 /browse/plans
。さらに。
- APM で監視されているブラウザアプリ では、ページビューに関連したバックエンドのトランザクションを見ることができます。例えば、
ApplicationsController#Show
のように。 - SyntheticsのモニターにもなっているURLについては、New Relicの 比較チャート機能 を使うことができます。これにより、実際のユーザー(ブラウザ)のインタラクションとSyntheticsのモニターに表示されるトレンドとの間で、ページロードタイムを直接比較することができます。
one.newrelic.com > ブラウザ> (アプリを選択)> ページビュー: このページでは、ページのロードタイム、スループット、トップトランザクション、トレースなどの詳細情報を提供しています。
アプリのエンドユーザーがどのページを見ているかの詳細情報を見るには
- one.newrelic.com > Browser >(アプリケーションを選択) > Page viewsの順に移動します。
- 時間帯 やソート順を選択するか、デフォルトのままにするか。
- 利用可能な場合は、ページロードタイミング情報の表示タイプ を、チャート(デフォルト)、ヒストグラム、パーセンタイルから選択します。
- * 特定の取引に関するサマリー情報を表示するには、リスト上の取引名にマウスオーバーします。
- 実際のユーザー(ブラウザ)のインタラクションと、Synthetics のモニターに表示されるトレンドとの間でページロード時間を比較するには、Synthetics がモニターしているページを選択し、さらに の比較チャート の詳細を調べます。
ページロードのタイミングの詳細を調べる
Browser page load time chart view は、平均ページロード時間をセグメントに分けて表示しています。このチャートは、 サマリー ページ と ブラウザー 詳細ページ にも表示されます。
one.newrelic.com > Browser> (select an app)> Page views: Browserのページロードタイムチャートでは、平均ページロードタイムをエンドユーザーの体験を示すセグメントに分けて表示しています(Real user monitoringまたはRUMと呼ばれることもあります)。
ページロードタイミング処理 は、色分けされた詳細を示しています。
ページロードタイミングのプロセス | 説明 |
---|---|
リクエストキューイング(黒) | Webサーバーとアプリケーションコードの間の待ち時間。大きな数値は、アプリケーションサーバーが忙しいことを示しています。 |
Webアプリケーション(紫) | アプリケーションコードに費やした時間 |
ネットワーク(茶) | ネットワークレイテンシー、つまりリクエストがインターネット上を往復するのにかかる時間のことです。 コピー/ペースト方式で デプロイされたアプリの場合 、ブラウザにはウェブアプリとキューの時間が ネットワーク の時間に含まれます。 |
DOM処理(黄色) | ブラウザの中で、HTMLを解析・解釈すること。ブラウザの |
ページレンダリング(青) | ブラウザでは、HTMLの表示、インラインJavaScriptの実行、画像の読み込みにかかる時間です。ブラウザの |
"追加" タイミングデータ | JavaScript API を使用している場合は、"追加の" タイミングデータがこのチャートに表示されます。 |
ページビューの詳細を見る
詳細な情報にドリルダウンするには、New Relic の標準的な ユーザーインターフェースの機能 を使用します。また、特定のページビューの詳細を表示するには、リストからその名前を選択します。個々のページビューを閉じて Page views のページに戻るには、 X (Close) を選択します。
一覧に表示されている各ページビューには、ドリルダウンできる詳細情報へのリンクが含まれています。
ページビューの詳細 | コメント |
---|---|
ページロードパフォーマンス | これには、 ページロードタイミング ブレークダウンデータ、スループット、 セッショントレース 、 ブラウザトレース (利用可能な場合)が含まれます。 |
ヒストリカルパフォーマンス | これは、直近の 選択した期間 、昨日、先週のレスポンスタイム、Apdex の比較、スループットを示しています。 |
AJAX コール | エンドポイントの詳細情報へのリンクを持つテーブルで、エンドポイント別、平均応答時間、スループット、総コール数などのソート可能な列があります。 |
APMでも監視されているブラウザアプリの場合、この表には総コールタイム、平均レスポンスタイム、コールカウント、および APM トランザクション ページ へのリンクが表示されます。 |
one.newrelic.com > ブラウザ> (アプリを選択)> ページビュー> (トランザクションを選択): アプリによっては、個々のトランザクションに、 ページロードパフォーマンス 、 ヒストリカルパフォーマンス 、 AJAXコール 、 APMトランザクション など、追加のドリルダウン詳細へのリンクがある場合があります。
APM監視対象アプリの追加オプションの使用
また、APMが監視しているブラウザアプリでは、追加機能を利用できる場合があります。これらの機能を利用するには(利用可能な場合)。選択したトランザクションの「APM Transactions」タブで、リストからAPMトランザクションを選択します。次に、以下のオプションのいずれかを選択します(APM から)。
- Track as key transaction (create a new key transaction)
- Key transaction (view existing)
- トランザクションのトレース> (選択されたトレース) (ビュー)