ブラウザ RUM メトリック
主要なブラウザ RUM メトリックは、[Geo]、[Pages & AJAX Requests]、および [Usage Stats] ダッシュボードに表示されます。また、 All Pages および Top Pages リストとメトリックブラウザにも表示されます。
さらに、[Metric Browser] によってこれらのメトリックを Ajax リクエスト、Iframe、アプリケーション、ベースページ、ブラウザ、デバイス、および地理的な場所のコンテキストで表示することもできます。
正常性ルールビルダーのブラウザ RUM ページ、Ajax、および Iframe メトリックに基づいて、カスタム正常性ルールを構築できます。これらのルールを使用して、インストールの主要なメトリックを自動的にモニタします。「正常性ルール」を参照してください。
ブラウザ RUM タイミングメトリックの概要
次に、ブラウザ RUM の最初のページと Iframe タイミングメトリックの概要を示します。主要な Ajax メトリックについては、「Ajax メトリックの使用可能性」を参照してください。青色のメトリックは、NavTime ブラウザからのみ使用できます。古いブラウザを使用して取得した一部のメトリックについては、unknown の値が表示される可能性があります。
- 最初のページ
- 後続のページ
- 接続の詳細
また、NavTiming 対応のブラウザは、接続の詳細に関する非常に細かい情報を提供します。
タイミングメトリックの定義
タイミングメトリックは、コントローラ UI または REST API コールで選択された時間範囲の平均時間(ミリ秒単位)です。3 文字の略語は、Web ビーコンに記録される短縮名です。
| 名前(短縮名) | NavTiming 対応ブラウザ | NavTiming をサポートしていないブラウザ | 用途. . | 定義 |
|---|---|---|---|---|
| Ajax コールバック実行時間(DPT) |
``domContentLoadedEventStart`` | responseEnd から domContentLoadedEventStart(AJAX オブジェクトのコンテキスト) | AJAX リクエスト(XHR、Fetch API) |
ブラウザがAjax応答を処理する時間。これには通常、応答データをHTMLドキュメントに適用するのにかかる時間が含まれます。 |
| Ajax 応答ダウンロード時間(DDT) | responseStartf から responseEnd(AJAX オブジェクトのコンテキスト) |
responseStart から responseEnd へ | AJAX リクエスト(XHR、Fetch API) | ブラウザが完全な AJAX 応答をダウンロードする時間。 |
|
1 分あたりの Ajax リクエストエラー数 (ARE エントリに基づく短縮名) |
| 1 分あたりのエラーを生成する AJAX リクエストの合計数。 | ||
|
1 分あたりの Ajax リクエスト数 (PLC エントリに基づく短縮名) |
|
1 分あたりの AJAX リクエストの合計数。 | ||
| 1 分あたりのアプリケーション サーバー コール数 |
| キャッシュではなく、実際にアプリケーションサーバに到達したリクエストの数。 | ||
| アプリケーションサーバー時間(UI ではサーバー時間とも呼ばれます) |
| アプリケーションサーバでのリクエストの処理時間。 | ||
| ブラウザキューの時間 |
| |||
| DOM 構築時間(DPT) | responseEnd ~ domContentLoadedEventStart | N/A |
|
ブラウザがドキュメント オブジェクト モデル(DOM)を作成し、JavaScript がレンダリングロジックを適用できるようにするための時間。 |
| DOM 待受時間(DOM) | navigationStart ~ domContentLoadedEventStart |
starttime onready jquery.onready() の書き込み間隔。 |
| ユーザがリクエストを開始してから DOMContentLoaded イベント(または内部ハンドラの onready イベント)が発生する時間までの間隔。 |
| ドメインルックアップ時間(DNS) | domainLookupStart ~ domainLookupEnd | N/A |
| サーバ接続時間のドメイン参照部分を完了するまでの時間。 |
|
エンドユーザー応答時間(PLT)
| navigationStart ~ loadEventEnd |
starttime onload の書き込み間隔 |
|
ユーザが要求を開始してから、ユーザのブラウザで応答のページロードが完了するまでの平均間隔。 AJAX リクエストのコンテキストでは、応答が完全に処理されたときに終了します。 SPA2 ページのエンドユーザ応答時間に関する詳細については、「SPA2 メトリック」を参照してください。 |
|
最初のバイト時間(FBT)
| navigationStart ~ responseStart |
starttime の書き込み間隔 |
|
ユーザがリクエストを開始してから、ブラウザが最初の応答バイトを受信するまでの間隔。 AJAX リクエストのコンテキストでは、最初のバイト時間が AJAX リクエストの送信からブラウザが最初の応答バイトを受信するまでの間隔です。 |
| フロントエンド時間(FET) | responseStart ~ loadEventEnd | ページの JavaScript エージェントが実行を開始してから イベントまでの時間。onload |
|
テキスト応答の最初のバイトを受信してから、ブラウザで応答ページのレンダリングを完了するまでの間隔。 HTML のダウンロード、DOM 構築時間、およびリソース取得時間が含まれます。 |
| HTML ダウンロードおよび DOM 構築時間(DRT) | responseStart ~ domContentLoadedEventStart |
ページの JavaScript エージェントが実行を開始してから内部ハンドラの イベント( に類似)までの時間。 |
|
JavaScript がレンダリングロジックを適用するために、完全な HTML ドキュメント(DOM)を使用できるようにするまでの時間。 HTML ダウンロードと DOM 構築時間が含まれます。 |
| HTML ダウンロード時間(DDT) | responseStart ~ responseEnd | N/A |
| ブラウザが完全な HTML ドキュメントコンテンツをダウンロードする時間。 |
|
1 分あたりの Iframe リクエスト数 (PLC エントリに基づく短縮名) |
| 1 分あたりの Iframe リクエストの合計数。 | ||
| ページビューごとに読み込まれる画像 |
|
内のイメージの合計数。 ページが完全にロードされた後で計算されます。 | ||
|
ページ完了時間(PCT) |
N/A |
N/A |
|
ブラウザがすべてのビジュアルページ要素(ビューポートの内外の両方)をレンダリングするための合計時間。SPA ベースページでのみ使用できます。 SPA2 ページのページ完了時間に関する詳細については、「SPA2 メトリック」を参照してください。 |
|
1 分あたりのページリクエスト数 (PLC エントリに基づく短縮名) |
|
1 分あたりのページリクエストの合計数。 これは、ほとんどの UI で表示されるメトリックです。 | ||
|
1 分あたりの JavaScript エラーのあるページビュー (EPM エントリに基づく短縮名) |
| 1 分あたりの JavaScript エラーを含むページビューの合計数。 | ||
| リソース取得時間 | domContentLoadedEventStart ~ loadEventEnd | 内部ハンドラの jquery.onready() イベント( に類似)から までの時間。onreadyonload |
| ブラウザがイメージなど残りのリソースのダウンロードを完了し、ページのレンダリングを終了するまでの時間。 |
| ページビューごとに読み込まれるリソース |
|
内のリソースの合計数。 ページが完全にロードされた後で計算されます。 | ||
|
1 分あたりのリクエスト数 (PLC エントリに基づく短縮名) |
| 1 分あたりのリクエストの合計数(ページ + Ajax + Iframe)。 | ||
| ページビューごとに読み込まれるスクリプト |
|
内のスクリプトの合計数。 ページが完全にロードされた後で計算されます。 | ||
| サーバー接続時間(SCT) | navigationStart ~ requestStart | N/A |
| ユーザがリクエストを開始してから、サーバまたはアプリケーションタスクで応答ドキュメントの取得を開始するまでの間隔。リダイレクト、ドメイン参照、TCP 接続、および SSL ハンドシェイクに費やした時間が含まれます。 |
| SSL ハンドシェイク時間(SSL) | secureConnectionStart ~ connectEnd | N/A |
|
SSL ハンドシェイクの完了にかかる時間。 |
| TCP 接続時間(TCP) | connectStart ~ connectEnd | N/A |
| サーバ接続時間のうち TCP 接続の部分を完了するまでの時間。これは、遅延の 1 つのネットワーク ラウンドトリップに相当します。 |
| リソースリダイレクト時間の合計 |
|
リソースの取得に関連付けられているすべてのリダイレクトの時間。 ページが完全にロードされた後で計算されます。 | ||
|
視覚的な完了時間(VCT) | N/A | N/A |
|
エンドユーザのブラウザにロードするための、最初の画面に表示されるすべてのビジュアル要素(重要な内容)の合計時間。 SPA2 ページの視覚的な完了時間に関する詳細については、「SPA2 メトリック」を参照してください。 |
Ajax メトリックの使用可能性
Ajax リクエストは大規模なページのコンテキストで発生するため、ブラウザのタイプに関係なく、次の 4 つのコアメトリックは常に使用可能です。
ナビゲーションタイミング API をサポートしているブラウザの詳細については、Can I Use Web サイトを参照してください。
リソース タイミング メトリック
リソース タイミング メトリックは、ミリ秒単位の中央時間です。[Resource Performance] ダッシュボードに表示されるリソース タイミング メトリックは raw データです。
| メトリック名 | 計算方法 | 説明 |
|---|---|---|
| ブラウザ待機 | startTime または redirectEnd から fetchStart | リダイレクションまたは要求開始からブラウザがリソースの取得を開始するまでの時間。 |
| リダイレクト時間 | redirectStart ~ redirectEnd |
リソースの取得に関連付けられているすべてのリダイレクトの時間。 |
| DNS 待機時間 | fetchStart ~ domainLookupStart | ブラウザがリソースのドメイン名ルックアップを開始するまでにブラウザがリソースの取得を開始するまでの時間。 |
| DNS 時間 | サーバ接続時間のドメイン参照部分を完了するまでの時間。 | |
| TCP 待機時間 | domainLookupEnd ~ connectStart |
接続が確立される前にブラウザがリソースのドメイン名を検索する時間。 |
| 接続時間(Connection Time) | connectStart ~ connectEnd | リソースの TCP 接続の確立を完了する時間:遅延の 1 つのネットワーク ラウンドトリップに相当します。 |
| SSL 時間 |
( |
サーバへのセキュアな接続を確立するための時間。 |
| Request Wait Time |
接続が閉じられる前に、サーバ、キャッシュ、またはローカルリソースからリソースに対して要求が行われる時間。 | |
| リクエスト日時 | requestStart ~ responseStart |
ブラウザがサーバ、キャッシュ、またはローカルリソースからのリソースの要求を完了するまでの時間。 |
| 応答時間 | responseStart ~ responseEnd | ブラウザが完全な HTML ドキュメントコンテンツをダウンロードする時間。Ajax 要求のコンテキストで、ブラウザが完全な Ajax 応答をダウンロードするまでの時間。 |
| 最初のバイト時間 | startTime ~ responseStart | ブラウザがリソースの最初のバイトを受信するまでに要求が行われる時間。 |
| リソースの読み込み時間 | startTime ~ responseEnd | ブラウザが要求を開始してリソースの応答を受信するまでの時間。 |
| ブラウザキューの時間 | ブラウザ待機時間 + DNS 待機時間 + 要求待機時間 | リソースの合計待機時間。 |
| TCP 時間 | secureConnectionStarttoconnectStart | サーバへのセキュアな接続を確立するために費やした時間(SSL 時間と同じ)。 |
詳細については、「Resource Timing Attributes」を参照してください。
タイミングメトリックの構成
アプリケーションが 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'] = {}));
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'] = {}));
と は、完了()とマークされるページ観測期間に寄与します。 が発生する方法は 2 つあります。
- XHR オブザーバ()とリソースオブザーバ()の両方が実行を停止しました。
- 最後のダウンロードアクティビティからの経過時間が を超えました。これは、最新のリソースまたは XHR 読み込みから十分な時間が経過したことを意味します。
これらのシナリオのいずれかに到達すると、JavaScript エージェントはページが完了したと見なし、そのタイミングを [Visually Complete Time] としてマークし、ページを Splunk 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'] = {}));