• /
  • EnglishEspañolFrançais日本語한국어Português
  • ログイン今すぐ開始

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

New Relic は、シングルページアプリケーション(SPA)監視を提供し、シングルページアプリによる実際のユーザーインタラクションをより深く可視化し、実用的な洞察を提供します。

SPA 機能はソフトナビゲーションを自動的にモニターし、SPA API を使用してインタラクションを変更できます。開発者とそのチームは、API を使用して次のことを行うことができます。

  • SPA 上の URL パスを通じてユーザーの活動を追跡します。
  • リアルユーザーが体験しているスループットやパフォーマンスを監視します。
  • ページ読み込みに関連した問題をトラブルシューティング・解決します。
  • データのクエリを行い、ビジネスの決定を支援します。
  • 優れたアプリケーションを迅速に市場に投入します。

SPAの監視を有効にする

SPAモニタリングは、新しいBrowserエージェントのインストールに対してデフォルトで有効になっています。SPA対応バージョンのエージェントは、ディストリビューティッド(分散)トレーシングなど、他の強力なNew Relic機能へのアクセスを提供します。詳細については、「Browserモニタリングの有効化」をご覧ください。

互換性

SPA関連の機能の互換性の情報については、「SPAの要件」をご覧ください。

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

BrowserInteraction イベントが発生すると、SPA が有効な場合は常に UI ページビュータブを駆動します。最初のページの読み込み(ハードナビゲーション)とルートの変更(ソフトナビゲーション)の両方が表示されます。

browser_SPA.png

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ページには、アプリケーションの使用レベル(スループット)とユーザーエクスペリエンス(パフォーマンス)に関する、次を含むイベント駆動型データが表示されます。

  • 初回のページロードパフォーマンス、ルート変更、また過去のパフォーマンスに関するドリルダウン詳細を含むチャート

  • カスタムアトリビュートを含む、並び替え、検索、フィルタリングのオプション

  • 初回のページロードとルート変更のすべてに関する追加のAJAXの内訳データ

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

メトリクスとイベントによるデータ分析

メトリクスとイベントは、 SPA エージェントの使用時に前者に関連付けられる可能性がある、 BrowserInteractionAjaxRequest という 2 つの SPA 固有のイベントタイプをサポートします。クエリビルダーでこれらのイベントをクエリして、アプリのパフォーマンスを分析し、ビジネス上の意思決定を行うことができます。

以前は、BrowserTiming も存在していましたが、現在は非推奨となっています。

APIからのカスタマイズされたデータ

SPA API を使用して、カスタム命名、カスタムタイミング、その他のカスタムアトリビュートなど、必要な特定のデータを取得します。

Copyright © 2025 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.