シングルページアプリケーションの監視の概要

シングルページアプリケーション(SPA)は、単一のHTMLページを読み込むウェブアプリケーションです。このアプリケーションは、ボタンのクリックやリクエストの送信などのユーザーの操作に応じて、ページ全体を再読み込みすることなく動的に更新します。

New Relic BrowserのSPAの監視は、シングルページアプリケーションでのリアルユーザーエクスペリエンスに対し、より高い可視性と実用性のある洞察を提供します。またSPAの監視は、AJAXリクエストを使用してコンテンツを動的に呼び出し、流れるようなユーザーエクスペリエンスを生み出すアプリケーションにとって非常に有益です。

また監視のルート変更が簡単なだけでなく、New Relic BrowserのSPA APIを使用することで、ブラウザ内で実行されるあらゆることを監視できます。これにより、開発者とそのチームは次のことが可能になります。

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

この機能を利用できるかは、 サブスクリプションレベルによります。SPAモニタリングにはNew Relic Browser Pro + SPAが必要です。

SPAの監視を有効にする

New RelicのSPAの監視をインストールする前に、New RelicのSPAの互換性と要件をお読みになってから、シングルページアプリケーションの監視にアプリケーションを追加するをご覧ください。

スループットとパフォーマンスのデータを分析する

New Relicはページロードタイミングのインストゥルメンテーションに関するこれまでの業界標準に改善を加え、ページ読み込みとルート変更に関連する同期・非同期両方のアクティビティにおける全体像を提供します。

Browser SPAページビュー数ページ
rpm.newrelic.com/browser > (アプリケーションを選択) > Browser app > Page views: New Relic BrowserのSPAの監視を使用して、SPAアーキテクチャアプリケーションのスループットやパフォーマンスを調べることができます。

New Relic Browserでは、次のSPAデータを監視できます。

  • ページ読み込みとルート変更時のパフォーマンスデータとスループット
  • AJAXリクエストのデータ
  • JavaScriptアクティビティ(同期・非同期の両方)
  • New Relic SPA APIを使用して監視される動的なページの更新

このデータによって、ユーザーがどのようにアプリケーションのページ読み込みやルート変更を体験しているかについて理解を深めるとともに、ボトルネックの解消やエラーのトラブルシューティングが可能になります。New RelicによるSPAデータの処理方法については、SPAデータの収集を理解するをご覧ください。

Browser SPAの機能

以下は、SPAの監視機能の要約です。

シングルページアプリケーションの監視 これらの機能を活用する
New Relic BrowserのUIの堅牢なビュー

ユーザーがページ読み込みまたはルート変更を初期化すると、New Relicはそれに続くすべてのJavaScriptを監視し、すべてのAJAXイベントが完了すると時間計測を終了します。こうすることで、ウィンドウの読み込みイベントが発火すると時間計測を終了する従来の方法と比べて、ユーザーに対してページの準備が実際に完了した状況のより正確な表示が提供されます。

SPAの監視を有効にすると、New Relic Browser内のページ表示ページには、アプリケーションの使用レベル(スループット)とユーザーエクスペリエンス(パフォーマンス)に関する、次を含むイベント駆動型データが表示されます。

  • 初回のページロードパフォーマンス、ルート変更、また過去のパフォーマンスに関するドリルダウン詳細を含むチャート
  • カスタムアトリビュートを含む、並び替え、検索、フィルタリングのオプション
  • 初回のページロードとルート変更のすべてに関する追加のAJAXの内訳データ

SPAモニタリングが既存のBrowserアカウントのデータ利用に与える影響の説明については、SPAとBrowserデータの利用を参照してください。

Insightsを使用したデータ分析 New Relic Insightsでは、SPA固有の3つのイベントタイプに対応しています。BrowserInteractionAjaxRequestBrowserTiming。Insights内でこれらのイベントをクエリしてアプリケーションのパフォーマンスを分析し、ビジネス上の意思決定を行うことができます。
APIからのカスタマイズされたデータ New RelicのSPA APIを使用することで、カスタムネーミングやカスタムタイミング、finishline API、またその他のカスタムアトリビュートといった特定の必要なデータを取得することができます。

その他のヘルプ

その他のドキュメンテーションには、以下の資料があります。

推奨する詳細情報: