シングルページアプリのモニタリングを導入
シングルページアプリのモニタリングを導入

シングルページアプリのモニタリングを導入

シングルページのアプリケーション(SPA)とは、一つのHTMLページを読み込むウェブアプリケーションのことを示します。このアプリはボタンをクリックしたりリクエストを出すなどのユーザーの操作に応じて、ページ全体を再読み込みすることなくダイナミックにアップデートされます。
New Relic BrowserのSPAモニタリングは、シングルページのアプリでのリアルユーザー体験に対し、より高い可視性と実用性のあるインサイトを提供します。また、AJAXリクエストを使ってコンテンツを動的に呼び出し滑らかなユーザー体験を生み出すようなアプリにとっても有益なものです。
モニタリングのルート変更を難しい設定の必要なくできるだけでなく、New Relic BrowserのSPA APIを使うことで、ブアルザー内で実行されるすべてをバーチャルに監視することができます。このことは、開発者や開発チームに以下のことを可能にします:

  • 読み込みや反応も早く、非常にインタラクティブなアプリを作成
  • 実際にユーザーが体験しているスループットやパフォーマンスを監視
  • ページ読み込みのコンテキスト内での問題のトラブルシュートと解決
  • New Relic Insightsを使ってデータを分析、ビジネスでの決断をアシスト
  • より良いアプリをマーケットプレースへ素早く投入

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

New Relicはページの読み込みタイミングにおけるこれまでの業界標準と決別し、同期/非同期のページ読み込みとルート変更に関連するアクティビティを完全に図式化します。

Browser > (選択されたアプリ) > Browser アプリ > ページビュー: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のユーザーインターフェースの頑強なビュー ユーザーがページ読み込みまたはルート変更を初期化すると、New Relicはそれに続くすべてのJavaScriptを監視し、すべてのAJAXイベントが完了するとタイミングを終了します。このことは、ウインドウの読み込みイベントが実行された時にタイミングを終了するこれまでの方法と比べて、ユーザーに対してページの表示準備が完了した時により正確な表示を提供します。
SPAモニタリングが有効になると、New Relic Browser内のPageビュー ページにアプリケーションの使用レベル(スループット)とユーザー体験(パフォーマンス)に関するイベント起因のデータを表示します。そしてそのデータには次のものが含まれます:

  • 初回のページの読み込みタイミングやルート変更、また過去のパフォーマンスに関する詳細をドリルダウン可能なチャート
  • カスタム属性を含むデータの並び替え、検索、そして絞り込みの機能
  • すべての初回のページ読み込みとルート変更に関わる追加のAJAXブレイクダウンのデータ

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

Insightsを用いたデータ分析 New Relic InsightsはSPAに固有の2つのイベントタイプをサポートします:
BrowserInteractionAjaxRequest
アプリのパフォーマンスを分析しビジネスシーンでの決断を行うために、Insights内のこれらのイベントをクエリすることができます。
APIからのデータをカスタマイズする New RelicのSPA APIを使うことで、カスタムネーミングやカスタムタイミング、finishlineAPI、またその他のカスタム属性といった特定の必要なデータを取得することができます。

関連情報

追加のドキュメンテーションリソースは次の通りです:

  • SPAの互換性と要件(New Relicでシングルページのアプリを監視するための技術的要求を確認する)
  • BrowserでSPAデータを表示(New Relic Browserがユーザーインターフェース上にデータを表示するかについて理解する)
  • SPAのデータ収集を理解する(New RelicがどのようにSPAデータを収集し保存しているかを知る)

New Relicのオンライン テクニカル コミュニティでBrowserを使ったモニタリングについて議論しましょう!トラブルシューティングや質問をしたり、Java ScriptエラーのレポートAJAXタイミングの詳細を話し合うことができます。