New Relic Browserの導入
New Relic Browserの導入

New Relic Browserの導入

New Relic Browserは、ユーザーがどのようにアプリケーションやウェブサイトを使っているかを詳細に可視化し、深く洞察することができます。New Relic Browserはページ読み込みタイミング(リアルユーザーモニタリング: RUMとも呼ばれます)や、さらにその範囲をはるかに超えて下記の項目を計測します。

  • 各セッションのパフォーマンス
  • AJAXリクエスト
  • SPAアーキテクチャのルート変更
  • JavaScriptのエラー

この追加機能によってNew Relicのリアルユーザーモニタリングの幅は広がり、ページやビューのライフサイクル全体までを監視できます。

ライフサイクルを最大限にモニタリング

多くのウェブサイトでは、トップページの読み込みが終わったあとに読み込まれる動的なコンテンツや複雑な JavaScriptのコードを含んでいます。それに従ってエラーレポートに関するニーズも高まっています。互換性の要件を確認し、New Relic Browserをダウンロード、インストールした後は、アプリのフロントエンドからバックエンドのパフォーマンス、さらにユーザーのウェブページのセッション(最大10分間)中の各インタラクションにいたるまで、ユーザー体験のすべてを可視化することが可能となります。

New Relic Browserはこれまでのリアルユーザーモニタリングのソリューションをはるかに凌ぎ、ライフサイクルのデータを最初のページロードからすべて監視します。また、ユーザーインタフェース上にはユーザーの各セッションを通じて実行されたイベントを表示し、問題の起きている範囲を特定し簡単に解決策を見つけることができます。

New Relicがエンドユーザーやそれぞれのページの読み込みに対してキャプチャーできるデータは以下となります。

  • フロントエンド(ブラウザー)で使われた時間
  • バックエンド(ネットワークとウェブアプリ)で使われた時間
  • 地理的起源
  • ブラウザーの種類とバージョン、およびオペレーティングシステム

シングルページアプリケーション(SPA) アーキテクチャをモニタリングする際には、New Relicはルート変更のデータとそれに関連するAJAXリクエストを取り込みます。

New Relic Browserはアプリのデータをチャート、地図、そして表で表示します。世界中にいるすべてのユーザーのデータを表示し、ウェブページやブラウザー、ユーザーセッション、そして地域別に、さまざまな切り口で詳細に分析することが可能です。さらに、New Relic BrowserはNew Relicのリアルユーザーモニタリング(RUM)の機能の幅を広げ、より詳細なチャートおよびフォーカスしたデータを提供します。

 



New Relic Browserの製品紹介ビデオ(2分30秒)をご覧ください。

強化されたPro版の機能

New Relicのサブスクリプションレベルに応じて、さらにパワフルな下記の機能を活用できます。

New Relic Browser ページ Pro版の機能
Browser Overview:
ウェブサイトのパフォーマンスをひと目で確認
サマリーチャートに以下の項目を表示します:
ページ読み込みタイミング
ブラウザーとアプリサーバ向けの比較可能なApdexスコア

  • ブラウザーの種類ごとのスループット
  • 直近のベージ読み込みおよびユーザーのインタラクションイベントのセッショントレース
  • JavaScriptのエラー率
  • AJAXの応答時間Overviewページ上のリンクから、さらに深いレベルまで掘り下げて検証することができます。
セッショントレース:
ウェブページ全体のライフサイクル期間中のページ読み込みおよびユーザーのインタラクションイベントのタイムライン

ユーザーセッション内のすべてのイベントを詳細かつ直感的に可視化しますので、問題の範囲を特定して解決策を簡単に見つけることができます。セッショントーレースのページでは以下の情報を見ることができます:

  • 特定のセッションの概要情報とリンク
  • ヒートマップ上に直接表示されたイベントと時間
  • ウォーターフォールチャートで詳細をドリルダウンが可能な拡大表示されたイベント(最大10分間)
  • 凡例を色分け表示したウェブページのライフサイクル
  • 全体、および個別のインタラクションを素早く見渡せるズームツール
AJAXコール
ウェブページのパフォーマンスに悪影響を与える、時間のかかるまたは失敗しているAJAXコール

AJAXページでは、ウェブページを部分的にアップデートする際に時間のかかるAJAXコールが存在した場合に、ページ読み込みの問題を特定するために役立ちます。チャートに表示するデータは以下を含みます:

  • URLベースのメトリクスの%時間の合計
  • スループット
  • 応答時間
  • データ送信率の平均値
  • ステータスコードパターン
JavaScriptエラー
時間の経過とともに発生するブラウザーエラー

JavaScriptエラーページは、テストが不十分だった可能性のある問題、またはユーザーが体験しているが開発側で容易には再現しない問題を特定するために役立ちます。表示する情報は以下を含みます:

  • 選択された時間内に発生したエラーの数
  • ブラウザーの種類ごとのパターン
  • ページビューの割合
  • スタックトレースのエラー詳細(取得可能な場合)
SPA ビュー
シングルページアプリ(SPA) のアーキテクチャのモニタリング

SPAモニタリングが有効になっている場合は、BrowserのPageビューページで以下の情報を表示します:

  • ルート変更のデータ
  • 初回のページ読み込みデータ
  • ブラウザーインタラクションに関連する同期/非同期アクティビティ
  • ページ読み込みのイベント、およびすべての関連した非同期プロセスを計測するページ読み込みタイミング

標準機能

サブスクリプションレベルに関わらず、New Relicのすべてのユーザーは下記の機能を使うことができます。

New Relic Browserページ 標準機能
Browser Overview
ウェブサイトのパフォーマンスをひと目で確認

サマリーチャートに以下を表示:

  • ページ読み込みタイミング
  • ブラウザーやアプリサーバーのApdexスコアの比較結果
  • ブラウザーの種類ごとのスループット
  • ページビューのブレイクダウン

Browser Overviewページで見ることができるチャートの種類は、New Relicのサブスクリプションレベルによって異なります。

ページビュー
サイトの人気度を洞察
トップページのビューとURLベースのメトリクスに関する詳細な情報、タイミングやスループットの詳細、そして関連がある場合はブラウザーまたはセッショントレースへのリンクを表示します。
地域
地域ごとのウェブページのパフォーマンスを表示
Apdexスコアや、世界中 / 特定の地域 / 州ごとのエンドーユーザー体験を色分けして表示します。
Browsers
ブラウザーの種類やプラットフォームごとに問題のパターンを表示

GoogleのChorme, MozillaのFirefox, MicrosoftのInternet Explorer, またAppleのSafariなど、使われているブラウザーごとにエンドユーザー体験をセグメント化して表示します。ドリルダウンすることで以下の情報を見ることができます:

  • スループットのランキング
  • プラットフォーム(モバイル、デスクトップなど)ごとのページ読み込みタイミングの平均値
  • 特定のブラウザーのバージョン(例:Chrome 31, 32, 33など)

この機能により、ブラウザーまたはプラットフォームがページ読み込みタイミングに関連があるかどうか、または問題が広範囲に渡っているかどうかを素早く確認することができます。

ブラウザートレース
エンド・ツー・エンドのユーザートランザクションを分析

ブラウザートレース機能は、地域やブラウザの種類の情報、そしてシングルページの読み込みとタイミングのブレイクダウンを表示します。関連するページビューのデータを収集することでベースラインを比較したり、リンクからパフォーマンステストを素早く実行することもできます。

New Relic BrowserのPro機能には、セッショントレースの機能にこのブラウザートレースが含まれます。

設定
ブラウザーモニタリングのユーザーインターフェースの設定

New Relic Browser製品を簡単に有効に、または無効にすることができます。これには、例えば下記に示すような特定の機能が含まれます:

  • ブラウザーで特定のApdexまたは国の設定を選択
  • AJAX, Javascriptエラーのレポート機能
  • URLセグメントのホワイトリストの保持

関連情報

追加のドキュメントリソースは下記をご覧ください:

  • 互換性とシステム要件 (目的のアプリでNew Relic Browserを使用するための条件)
  • New Relic Browserにアプリを追加 (インストール、設定手順)
  • Browser agentをアップグレード (New Relic Browserのバージョン番号の確認、最新バージョンへのアップグレード)
  • New Relic Browserのセキュリティ (New Relic Browserに組み込まれているセキュリティに関する配慮について)
  • New Relic Browser ウェブサイト(製品情報、リソースへのリンク)

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