• /
  • ログイン
  • 無料アカウント

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

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

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

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

SPAの監視を有効にする

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

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

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

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

browser_SPA.png

one.newrelic.com > 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データの利用を参照してください。

データエクスプローラーによるデータ解析

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

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

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

その他のヘルプ

さらに支援が必要な場合は、これらのサポートと学習リソースを確認してください:

問題を作成するこのページを編集する
Copyright © 2020 New Relic Inc.