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

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

New Relic では、シングルページアプリケーション(SPA)監視機能を備え、シングルページアプリやAJAXリクエストを使用するあらゆるアプリケーションでのリアルユーザーインタラクションに対してより高い可視性と実用性のある洞察を提供します。

また、モニタリングのルート変更が自動的に行われるだけでなく、SPA APIを使用することで、Browser内で実行されるあらゆる内容をモニタリングできます。APIを使用して、開発者とそのチームは以下を行えます。

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

SPAの監視を有効にする

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

互換性

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

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

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

one.newrelic.com > All capabilities > Browser >(アプリを選択)> Page views:BrowserモニタリングのSPAモニタリングを使用して、SPAアーキテクチャーアプリケーションのスループットやパフォーマンスを調べます。

Browserモニタリングでは、次のSPAデータをモニタリングできます。

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

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

Browser SPAの機能

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

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

これらの機能を活用する

BrowserのUIの堅牢なビュー

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

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

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

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

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

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

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

メトリクスとイベントは、BrowserInteractionAjaxRequestBrowserTimingの3つのSPA固有のイベントタイプをサポートします。クエリビルダーでこれらのイベントをクエリしてアプリケーションのパフォーマンスを分析し、ビジネス上の意思決定を行うことができます。

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

SPA APIを使用することで、カスタムネーミングやカスタムタイミング、finishlineAPI、またその他のカスタムアトリビュートといった特定の必要なデータを取得することができます。

Copyright © 2024 New Relic株式会社。

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