主要なブラウザ RUM メトリックは、GeoPages & AJAX Requests、および Usage Stats ダッシュボードに表示されます。これらは、[All Pages] と [Top Pages] の各リストおよび Metric Browser にも表示されます。

さらに、[Metric Browser] によってこれらのメトリックを Ajax リクエスト、Iframe、アプリケーション、ベースページ、ブラウザ、デバイス、および地理的な場所のコンテキストに表示することもできます。

Metric Browser

正常性ルールビルダーのブラウザ RUM ページ、Ajax、および Iframe メトリックに基づいて、カスタム正常性ルールを構築できます。これらのルールを使用して、インストールの主要なメトリックを自動的にモニタします。詳細については、Health Rulesを参照してください。

ブラウザ RUM タイミングメトリックの概要

次に、ブラウザ RUM の最初のページと Iframe タイミングメトリックの概要を示します。主要な AJAX メトリックについては、「AJAX メトリックの可用性」を参照してください。青色のメトリックは、NavTime ブラウザからのみ使用できます。古いブラウザを使用して取得した一部のメトリックについては、unknown の値が表示される可能性があります。

ユーザが最初のインストゥルメント化されたページのロードを開始すると、JavaScript エージェントはタイマーを開始します。タイマーまたは NavTime の responseStart によって、最初のページのタイミングが始まります。

First Page Diagram
Subsequent Pages Diagram
Connection Details Diagram

NavTime ブラウザは常に navigationStart に設定されているため、ユーザがサイトからロードする最初のページでもこの情報を取得できます。

また、NavTiming 対応のブラウザは、接続の詳細に関する非常に細かい情報を提供します。

タイミングメトリックの定義

タイミングメトリックは、コントローラ UI または REST API コールで選択された時間範囲の平均時間(ミリ秒単位)です。3 文字の略語は、Web ビーコンに記録される短縮名です。  

名前(短縮名)NavTiming 対応
ブラウザ
1
NavTiming をサポートしていないブラウザ用途
. .
定義
Ajax コールバック実行時間(DPT)

responseEnd から
domContentLoadedEventStart
(AJAX オブジェクトのコンテキスト)

responseEnd から
domContentLoadedEventStart
(AJAX オブジェクトのコンテキスト)
AJAX リクエスト(XHR、Fetch API)

ブラウザが AJAX の応答を処理する時間。
通常、これには、DOM に応答データを適用する時間が含まれます。

Ajax 応答ダウンロード時間(DDT)responseStartf から
responseEnd
(AJAX オブジェクトのコンテキスト)

responseStart から
responseEnd
(AJAX オブジェクトのコンテキスト)

AJAX リクエスト(XHR、Fetch API)ブラウザが完全な AJAX 応答をダウンロードする時間。

1 分あたりの Ajax リクエストエラー数


ARE エントリに基づく短縮名)



  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ブラウザ
  • デバイス
  • 位置
1 分あたりのエラーを生成する AJAX リクエストの合計数。

1 分あたりの Ajax リクエスト数

(PLC エントリに
基づく短縮名)



  • アプリケーション
  • ブラウザ
  • デバイス
  • 位置

1 分あたりの AJAX リクエストの合計数。

1 分あたりのアプリケーション サーバー コール数

  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
キャッシュではなく、実際にアプリケーションサーバに到達したリクエストの数。
アプリケーションサーバー時間
(UI ではサーバー時間とも呼ばれます)


  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • Iframe
アプリケーションサーバでのリクエストの処理時間。
ブラウザキューの時間

  • AJAX(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

DOM 構築時間(DPT)responseEndから
domContentLoadedEventStart
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

ブラウザがドキュメント オブジェクト モデル(DOM)を作成し、JavaScript がレンダリングロジックを適用できるようにするための時間。

DOM 待受時間(DOM)2navigationStartから
domContentLoadedEventStart


のページで
starttime Cookie が書き込まれてから内部ハンドラの
onready イベントが発生するまでの時間(
jquery.onready(). に類似)



  • アプリケーション
  • ベースページ
  • 位置
ユーザがリクエストを開始してから DOMContentLoaded イベント(または内部ハンドラの onready イベント)が発生する時間までの間隔。
ドメインルックアップ時間(DNS)domainLookupStart 
から domainLookupEnd
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
サーバ接続時間のドメイン参照部分を完了するまでの時間。
エンドユーザー応答時間(PLT)2
navigationStart
から loadEventEnd


前のページで starttime cookie が書き込まれてから onload イベントが発生するまでの時間。


  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

ユーザが要求を開始してから、ユーザのブラウザで応答のページロードが完了するまでの平均間隔。

AJAX リクエストのコンテキストでは、応答が完全に処理されたときに終了します。

SPA2 ページのエンドユーザ応答時間に関する詳細については、「SPA2 メトリック」を参照してください。 

最初のバイト時間(FBT)2
navigationStart
から responseStart


のページで
starttime Cookie が書き込まれてから、ページの JavaScript
エージェントが実行を開始するまでの時間。


  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

ユーザがリクエストを開始してから、ブラウザが最初の応答バイトを受信するまでの間隔。

AJAX リクエストのコンテキストでは、最初のバイト時間が AJAX リクエストの送信からブラウザが最初の応答バイトを受信するまでの間隔です。 

フロントエンド時間(FET)responseStart 
loadEventEnd
ページの
JavaScript エージェントが実行
onload イベントを開始するまでの時間。
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

テキスト応答の最初のバイトを受信してから、ブラウザで応答ページのレンダリングを完了するまでの間隔。

HTML のダウンロード、DOM 構築時間、およびリソース取得時間が含まれます。

HTML ダウンロードおよび DOM 構築時間(DRT)responseStart 
domContentLoadedEventStart

ページの
JavaScript エージェントが
実行と内部ハンドラの onready
イベントを開始するまでの時間(jquery.onready() と同様)。

  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

JavaScript がレンダリングロジックを適用するために、完全な HTML ドキュメント(DOM)を使用できるようにするまでの時間。

HTML ダウンロードと DOM 構築時間が含まれます。

HTML ダウンロード時間(DDT)responseStart 
から responseEnd
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • Iframe
ブラウザが完全な HTML ドキュメントコンテンツをダウンロードする時間。

1 分あたりの Iframe リクエスト数

(PLC エントリに
基づく短縮名)



  • アプリケーション
  • ブラウザ
  • デバイス
  • 位置
1 分あたりの Iframe リクエストの合計数。
ページビューごとに読み込まれる画像

  • AJAX(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

pageview 内のイメージの合計数。

ページが完全にロードされた後で計算されます。

ページ完了時間(PCT)


なし



なし


  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置

ブラウザがすべてのビジュアルページ要素(ビューポートの内外両方)をレンダリングするまでの合計時間。SPA ベースページでのみ使用できます。

SPA2 ページのページ完了時間に関する詳細については、「SPA2 メトリック」を参照してください。

1 分あたりのページリクエスト数

(PLC エントリに
基づく短縮名)



  • アプリケーション
  • ブラウザ
  • デバイス
  • 位置

1 分あたりのページリクエストの合計数。

これは、ほとんどの UI で表示されるメトリックです。

1 分あたりの JavaScript エラーのあるページビュー

(EPM エントリに
基づく短縮名)



  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
1 分あたりの JavaScript エラーを含むページビューの合計数。
リソース取得時間domContentLoadedEventStart
から loadEventEnd

jquery.onready() に類似する内部ハンドラの
onready イベントから onload までの時間。
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
ブラウザがイメージなど残りのリソースのダウンロードを完了し、ページのレンダリングを終了するまでの時間。
ページビューごとに読み込まれるリソース

  • AJAX(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

pageview 内のリソースの合計数。

ページが完全にロードされた後で計算されます。

1 分あたりのリクエスト数

(PLC エントリに
基づく短縮名)



  • AJAX リクエスト(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
1 分あたりのリクエストの合計数(ページ + Ajax + Iframe)。
ページビューごとに読み込まれるスクリプト

  • AJAX(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

pageview 内のスクリプトの合計数。

ページが完全にロードされた後で計算されます。

サーバー接続時間(SCT)navigationStart 
から requestStart
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
ユーザがリクエストを開始してから、サーバまたはアプリケーションタスクで応答ドキュメントの取得を開始するまでの間隔。リダイレクト、ドメイン参照、TCP 接続、および SSL ハンドシェイクに費やした時間が含まれます。 
SSL ハンドシェイク時間(SSL)3secureConnectionStart 
から connectEnd
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

SSL ハンドシェイクの完了にかかる時間。


TCP 接続時間(TCP)connectStart 
から connectEnd
なし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe
サーバ接続時間のうち TCP 接続の部分を完了するまでの時間。これは、遅延の 1 つのネットワーク ラウンドトリップに相当します。
リソースリダイレクト時間の合計

  • AJAX(XHR、Fetch API)
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

リソースの取得に関連付けられているすべてのリダイレクトの時間。

ページが完全にロードされた後で計算されます。

視覚的な完了時間(VCT)


なしなし
  • アプリケーション
  • ベースページ
  • ブラウザ
  • デバイス
  • 位置
  • iframe

エンドユーザのブラウザにロードするための、最初の画面に表示されるすべてのビジュアル要素(重要な内容)の合計時間。
ブラウザウィンドウのページに対する最後のビジュアル変更を使用して計算されます。

SPA2 ページの視覚的な完了時間に関する詳細については、「SPA2 メトリック」を参照してください。  

Ajax メトリックの使用可能性

Ajax リクエストは大規模なページのコンテキストで発生するため、ブラウザのタイプに関係なく、次の 4 つのコアメトリックは常に使用可能です。

Ajax Core Metrics Diagram

ナビゲーションタイミング API をサポートしているブラウザの詳細については、Can I Use Web サイトを参照してください。

リソース タイミング メトリック

リソース タイミング メトリックは、ミリ秒単位の中央時間です。[Resource Performance] ダッシュボードに表示されるリソース タイミング メトリックは raw データです。リソースタイミングを視覚的に表現するには、リソースタイミングの概要図を参照してください。

メトリック名計算方法説明
ブラウザ待機startTime または redirectEnd から fetchStartリダイレクションまたは要求開始からブラウザがリソースの取得を開始するまでの時間。
リダイレクト時間redirectStartredirectEnd

リソースの取得に関連付けられているすべてのリダイレクトの時間。

DNS 待機時間fetchStartdomainLookupStartブラウザがリソースのドメイン名ルックアップを開始するまでにブラウザがリソースの取得を開始するまでの時間。
DNS 時間

domainLookupStartdomainLookupEnd

サーバ接続時間のドメイン参照部分を完了するまでの時間。
TCP 待機時間domainLookupEndconnectStart

接続が確立される前にブラウザがリソースのドメイン名を検索する時間。

接続時間connectStartconnectEndリソースの TCP 接続の確立を完了する時間:遅延の 1 つのネットワーク ラウンドトリップに相当します。
SSL 時間

secureConnectionStart connectEnd

secureConnectionStart が存在する場合)

サーバへのセキュアな接続を確立するための時間。

要求待機時間

connectEndrequestStart

接続が閉じられる前に、サーバ、キャッシュ、またはローカルリソースからリソースに対して要求が行われる時間。

リクエスト日時requestStartresponseStart

ブラウザがサーバ、キャッシュ、またはローカルリソースからのリソースの要求を完了するまでの時間。

応答時間responseStartresponseEndブラウザが完全な HTML ドキュメントコンテンツをダウンロードする時間。Ajax 要求のコンテキストで、ブラウザが完全な Ajax 応答をダウンロードするまでの時間。
最初のバイト時間startTimeresponseStartブラウザがリソースの最初のバイトを受信するまでに要求が行われる時間。
リソースの読み込み時間startTimeresponseEndブラウザが要求を開始してリソースの応答を受信するまでの時間。
ブラウザキューの時間ブラウザ待機時間 + DNS 待機時間 + 要求待機時間リソースの合計待機時間。
TCP 時間secureConnectionStart to connectStart サーバへのセキュアな接続を確立するために費やした時間(SSL 時間と同じ)。

タイミングメトリックの構成

アプリケーションが Ajax リクエストまたはリソースを継続的に送信する場合は、以下のデフォルトの JavaScript タイミングメトリックを構成することができます。

たとえば、SPA2 アプリで Ajax リクエストがデフォルトの maxInactive 時間(3 秒)よりも速いレート(つまり 2 秒)で送信された場合、ページの読み込み時間のメトリックが誤って拡大する可能性があります。これを修正するには、maxInactiveTime を 2 秒に設定して、ページの読み込み時間が Ajax リクエストのレートと一致するようにします。

maxResourceQuietTime

登録済みのすべてのリソースが読み込まれ、currentTime とリソースの最終読み込み時刻との間の経過時間が maxQuietTime 以上である場合、リソースオブザーバは停止します。

(function(config){ 
   config.navComplete = {
                maxResourceQuietTime: 5000 // For SPA2 applications, the default value is 5000 (5 seconds). For non-SPA applications, the default value is 1000 (1 		    second).
            };
})(window['adrum-config'] || (window['adrum-config'] = {})); 
JS

maxXhrQuietTime

すべての XHR が成功し、currentTime と XHR の最終読み込み時刻との間の経過時間が maxQuietTime 以上である場合、XHR オブザーバは停止します。

(function(config){ 
   config.navComplete = {
                maxXhrQuietTime: 3000 // For SPA2 applications, the default value is 3000 (3 seconds). For non-SPA applications, the default value is 1000 (1 second).
            };
})(window['adrum-config'] || (window['adrum-config'] = {})); 
JS

タイミングメトリクスと NavComplete について

maxResourceQuietTime および maxXhrQuietTime は、完了とマークされる(navComplete)ページの観察期間に貢献します。navComplete が発生する状況は 2 つあります。

  1. XHR オブザーバ(maxXhrQuietTime)とリソースオブザーバ(maxResourceQuietTime)の両方が実行を停止した。
  2. 最後のダウンロードアクティビティからの経過時間が maxQuietTime を超えている。これは、最新のリソースまたは XHR 読み込みから十分な時間が経過したことを意味します。

これらのシナリオのいずれかに到達すると、JavaScript エージェントはページが完了したと見なし、そのタイミングを [Visually Complete Time] としてマークし、ページを AppDynamics に報告します。

maxInactiveTime

maxInactiveTime は現在の時刻から最後のリソース(つまり、Ajax コール)が発生した時刻を引いたものです。この値が maxInactiveTime より大きい場合、ナビゲーションオブザーバは完了したと見なされ、[Visually Complete Time] 値が送信されます。

(function(config){ 
   config.navComplete = {
                maxInactiveTime: 3000 // For SPA2 applications, the default value is 3000 (3 seconds). For non-SPA applications, the default value is 1000 (1 second).
            };
})(window['adrum-config'] || (window['adrum-config'] = {})); 
JS