New Relic は、シングルページアプリケーション(SPA)監視を提供し、シングルページアプリによる実際のユーザーインタラクションをより深く可視化し、実用的な洞察を提供します。
SPA 機能はソフトナビゲーションを自動的にモニターし、SPA API を使用してインタラクションを変更できます。開発者とそのチームは、API を使用して次のことを行うことができます。
- SPA 上の URL パスを通じてユーザーの活動を追跡します。
- リアルユーザーが体験しているスループットやパフォーマンスを監視します。
- ページ読み込みに関連した問題をトラブルシューティング・解決します。
- データのクエリを行い、ビジネスの決定を支援します。
- 優れたアプリケーションを迅速に市場に投入します。
SPAの監視を有効にする
SPAモニタリングは、新しいBrowserエージェントのインストールに対してデフォルトで有効になっています。SPA対応バージョンのエージェントは、ディストリビューティッド(分散)トレーシングなど、他の強力なNew Relic機能へのアクセスを提供します。詳細については、「Browserモニタリングの有効化」をご覧ください。
互換性
SPA関連の機能の互換性の情報については、「SPAの要件」をご覧ください。
スループットとパフォーマンスのデータを分析する
BrowserInteraction
イベントが発生すると、SPA が有効な場合は常に UI ページビュータブを駆動します。最初のページの読み込み(ハードナビゲーション)とルートの変更(ソフトナビゲーション)の両方が表示されます。

one.newrelic.com > All capabilities > Browser > (select an app) > Page views: ブラウザを監視するSPA監視を使用して、SPAアーキテクチャアプリケーションのスループットやパフォーマンスを調べます。
Browserモニタリングでは、次のSPAデータをモニタリングできます。
- ページ読み込みとルート変更時のパフォーマンスデータとスループット
- AJAXリクエストのデータ
- SPA APIを使用してモニターされる動的なページの更新
このデータによって、ユーザーがどのようにアプリケーションのページ読み込みやルート変更を体験しているかについて理解を深めるとともに、ボトルネックの解消やエラーのトラブルシューティングが可能になります。New RelicによるSPAデータの処理方法については、SPAデータの収集を理解するをご覧ください。
Browser SPAの機能
以下は、SPAの監視機能の要約です。
Single-page app monitoring | Take advantage of these features |
---|---|
BrowserのUIの堅牢なビュー | ユーザーがインタラクションイベントを開始すると、New Relic は URL パスが変更され、次のフレームが再描画されるまでの時間を追跡します。 SPA監視を有効にすると、ブラウザ内のPage viewsページには、アプリケーションの使用レベル(スループット)とユーザーエクスペリエンス(パフォーマンス)に関する、次を含むイベント駆動型データが表示されます。
|
メトリクスとイベントによるデータ分析 | メトリクスとイベントは、 SPA エージェントの使用時に前者に関連付けられる可能性がある、 以前は、 |
APIからのカスタマイズされたデータ | SPA API を使用して、カスタム命名、カスタムタイミング、その他のカスタムアトリビュートなど、必要な特定のデータを取得します。 |