シングルページアプリの監視へようこそ

シングルページアプリケーション (SPA) は、1ページの HTML の読み込みで動作するウェブアプリのことです。シングルページアプリは、ボタンのクリック、リクエスとのサブミットのようなアプリへのユーザーインタラクションが行われた際に、別の全ページ読み込みを行わずに、動的にページ内容を更新します。

New Relic Browser の SPA 監視機能は、シングルページアプリの実ユーザーの体験をより深いく可視化し、対応可能な洞察を提供します。また、動的にコンテンツを取得するなどの AJAX リクエストを使ったアプリにとっても価値を提供します。

ルート変更の監視に加えて、New Relic Browser の SPA API をブラウザ内で実行するとことで、監視したいものを何でも設定できます。以下は、この機能を使って、開発者とそのチームができるようになることです。

  • より、早く、よりレスポンシブで高度なインタラクティブなアプリの開発
  • スループットや実ユーザーが体験しているパフォーマンスの監視
  • トラブルシューティングやページ読み込み時の問題の解決
  • ビジネス決定を補助するための New Relic Insights を利用したデータ解析
  • より早くより良いアプリをマーケットプレイスへのリリース

スループットとパフォーマンスの解析

ページ読み込みタイミングを測定する今までの業界標準から離れ、New Relic は、ページ読み込みとルート変更に関連した同期と非同期の両方の活動に関する全体像を提供します。

Browser SPA Page views page

Browser > (選択したアプリ) > Browser app > Page views: New Relic Browser の SPA 監視を使うと、SPA アーキテクチャのアプリのスループットやパフォーマンスを確認できます。

New Relic Browser が監視する SPA データ に関連する情報には以下が含まれます。

  • ページ読み込みとルート変更におけるパフォーマンスとスループット
  • AJAX のリクエストデータ
  • 同期、非同期の両方の JavaScript 活動
  • New Relic SPA API を使って監視している動的なページ更新

これらのデータから、アプリのページ読み込みやルート変更におけるユーザー体験に関する正確な情報を把握することできます。そして、ボトルネックの解消やエラーのトラブルシューティングにも役立ちます。New Relic による SPA データを処理する方法についての詳しい情報は、SPA データコレクションの理解をご覧ください。

New Relic 製品にまたがった SPA データの調査

この機能へのアクセス可否は、サブスリクプションレベルによります。SPA 監視機能は、New Relic Browser Pro のユーザーのみ利用可能です。

New Relic SPA 監視をインストールする前に、New Relic のSPA 互換性と用件をお読みください。

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

シングルページアプリの監視 利点
New Relic Browser UI のおける堅牢なビュー ユーザーが、ページの読み込みやルート変更を開始すると、New Relic は、それ以降の全ての JavaScript の監視を開始します。そして、すべての AJAX イベントが完了したタイミングで終了します。これは、ページがウィンドウのロードイベントが発生したときを終了タイミングとみなす従来の方法に比べて、実際に、ユーザーが利用できる準備が整ったタイミングに関して、より正確なビューを提供しています。

SPA 監視が終了すると、New Relic Browser の Page views ページには、アプリの使用レベル(スループット)とユーザー体験(パフォーマンス)に関するイベントドリブンのデータが表示されます。ページでは以下の情報や操作が可能です。

  • 詳細へドリルダウン可能な、最初のページ読み込みのパフォーマンス、ルート変更、過去のパフォーマンスに関するチャート。
  • カスタム属性を含むオプションの並び替え、検索、フィルター。
  • 初期ページ読み込み、ルート変更に関する AJAX の内訳データ
Insights を利用したデータ解析 New Relic Insights は、2つの SPA 用のイベントタイプをサポートしています。BrowserInteractionAjaxRequest です。Insights から、これらのイベントに対して、クエリを発行して、アプリのパフォーマンスを解析したり、ビジネス決定に役立てることができます。
API を利用したデータのカスタマイズ New Relic の SPA API を使うと、custom naming、custom timing、finishline API やその他のカスタム属性のような、必要なデータを取得できます。

関連情報

関連する情報は以下のとおりです。