ページロード統計
ホーム画面 > プロジェクト選択 > 統計 > ページロード統計
ページロード統計は、ウェブサイトのページごとのロード性能情報を提供します。 各ページのロードプロセスを追跡して性能が低下したページを識別し、改善されたページの成果を分析できます。 また、ウェブアプリケーションのユーザーエクスペリエンス改善に必要なインサイトを取得できます。
-
ページURLパスごとのロード性能の統計を提供します。
-
平均値、最大値、最小値、百分位数ベースの統計を確認できます。
-
ページロードプロセスの時間情報をフィルタリングして、性能を深く分析できます。
-
Navigation Timing APIを活用して、各ページロードのステップごとの時間を収集します。
ページロード統計で収集するデータの詳細については、次の文書を参照してください。
ページロード統計を確認する
ページのURLパスを基準にページロード時間とDOMロード時間、ネットワーク遅延時間、リソースロード時間など様々な性能指標を確認できます。 これらの指標を通じて各ページの性能状態を評価し、最適化 の要否を判断できます。
-
統計 > ページロード統計メニューに移動します。
-
時間項目で性能指標を照会する日時を設定します。
-
設定可能な時間範囲: 最小5分、最大3日
-
データ照会単位: 2時間以下 → 5分単位、2時間超過 → 1時間単位
Tips最近の検索時間
以前に照会した時間範囲は、最近の検索時間リストに自動保存されます。 最大10件の検索履歴が保存され、目的の項目をクリックして素早く再照会できます。
-
-
統計基準で目的の項目を選択します。 統計基準の文書を参照してください。
-
画面右上の
ボタンをクリックします。 -
選択した時間範囲の性能指標が各セクションにチャートと一覧で表示されます。
- グラフにマウスをオーバーすると、その時間帯の詳細指標を確認できます。
統計基準を選択する
統計基準は、性能指標を分析する際に使用する集計方式であり、ユーザーは希望の基準をオプションとして選択できます。
| 統計基準 | 説明 | |
|---|---|---|
| 平均 | 各ページの平均ロード時間を基準に統計を提供します。 ただし、断続的な性能低下は把握しにくい場合があるため、最大値と百分位オプションを併用して性能低下のタイミングと深刻度を確認できます。 | |
| 最大値 | 各ページの最大ロード時間を基準に統計を提供します。 つまり、ページロード時間が最も非効率なページURLを把握できます。 | |
| 最小値 | 各ページの最小ロード時間を基準に統計を提供します。 最も速いロード時間を基準に最適化状態を評価したり、性能目標を設定する際の参考にできます。 単独使用よりも平均または百分位オプションと合わせて分析するのが効果的です。 | |
| パーセンタイル | 全ユーザーのうち一部区間のロード時間を基準に分析できるため、性能低下が発生するユーザーの割合を把握し、ユーザーエクスペリエンスの改善に役立てることができます。 | |
| 95分位数 | 最も遅い5%のページロード時間であり、ページロード時間が最も遅かった上位5%のユーザー経験を意味します。 | |
| 90分位数 | 最も遅い10%のユーザーのページロード時間であり、主に遅いユーザーグループの性能問題を把握する際に役立ちます。 | |
| 75分位数 | ページロード時間が下位75%より遅い上位25%のユーザーのロード時間を示します。 | |
| 50分位数 | 中央値であり、全ユーザーの半数がこの時間より速くページをロードし、半数はより遅くロードしたことを意味します。 | |
ページロードの性能推移
ページロード回数と性能指標（応答時間）の時間帯別推移を視覚化したチャートです。 このグラフを通じて、特定の時間帯に性能の変動があったかどうかを確認できます。 チャートに表示される項目は統計基準によって異なります。
- 青色の棒グラフはその時間帯のページロード数です。 特定の時間の青色の棒グラフをクリックすると、その時間範囲のページロード時間 Top10、ページロード数 Top10、ページグループリストセクションのデータを確認できます。
統計基準: 平均/最大値/最小値
紫色の線グラフはその時間帯の平均ページロード時間です。
統計基準: パーセンタイル
青色は50分位数、紫色は75分位数、オレンジ色は90分位数、緑色は95分位数を示します。
ページロード数 Top10 - 経過時間
5分または1時間間隔でペー ジグループをグループ化し、単位別のページロード数が最も多い上位10ページグループの経過時間を時系列グラフで表示します。 グラフはページロード時間が長い順にソートされます。
-
セクション下部の棒グラフは、時系列グラフで表現されるデータのページグループ別平均値です。
-
データが連続した時間区間として収集されず、特定の区間にのみ存在する場合、棒グラフのみが表示されます。
-
統計基準に基づく経過時間の表示方式
-
平均、最大値、最小値: 選択した基準値で経過時間を表示します。
-
パーセンタイル: セクション右上で選択した分位値で経過時間を表示します。
-
ページロード数 Top10 - 件数
5分または1時間間隔でページグループをグループ化し、単位時間別のページロード数が最も多い上位10ページグループを時系列グラフで表示します。 グラフはページロード数が多い順にソートして表示します。
-
セクション下部の棒グラフは、時系列グラフで表現されるデータのページグループ別合計値です。
-
データが連続した時間区間として収集されず、特定の区間にのみ存在する場合、棒グラフのみが表示されます。
ページグループリスト
ページグループを基準に様々な性能指標を確認できる一覧です。 テーブルのカラムヘッダーにマウスをオーバーすると、そのカラムの詳細情報がツールチップ形式で提供されます。 カラム項目の詳細については、次の文書を参照してください。
アイコン項目 | 説明 |
|---|---|
 | CSVボタンをクリックすると、照会結果をCSVファイルとして保存できます。 |
 カラム設定 | カラムを非表示にしたり、追加したり、順序を変更できます。 詳細については、カラム設定の文書を参照してください。 |
 | 新しいウィンドウアイコンをクリックすると、ページグループ一覧を新しいウィンドウで確認できます。 |
統計基準をパーセンタイルで選択すると、ページグループ別の件数と50分位数、75分位数、90分位数、95分位数に対する経過時間を追加で確認できます。
ページグループリストからユーザーセッションログ検索へ移動
ページグループカラムの
アイコンをクリックすると、ユーザーセッションログ検索に移動します。 選択したページグループのURLと照会時間をフィルターとして適用した結果を確認できます。
ページロード統計からユーザーセッションログ検索に移動する際、指定した時間範囲の前後のデータも含まれる場合があります。
-
2時間以上の照会: 1時間単位でデータを照会し、照会時間範囲の前後にそれぞれ1時間が追加されます。
例. 照会範囲: 11:00 〜 14:00（3時間照会）→ 実際の照会範囲: 10:00 〜 15:00（合計5時間照会）
-
2時間以内の照会: 5分単位でデータを照会し、照会時間範囲の前後にそれぞれ5分が追加されます。
例. 照会範囲: 11:00 〜 11:30（30分照会）→ 実際の照会範囲: 10:55 〜 11:35（合計40分照会）
ページロード統計の詳細
ページロード統計画面のページグループリスト一覧にある
詳細アイコンをクリックすると、選択したページグループの統計を表示するページロード統計の詳細ウィンドウに移動します。
-
ページロードタイムライン
ウェブアプリケーションの全体ページロード性能情報を提供します。 ページロード時間とロードステップ別プロセスを平均時間で確認できます。 詳細については、次の文書を参照してください。
ノート統計基準をパーセンタイルで選択すると、ページロード性能を百分位で表示します。 青色は50分位数、紫色は75分位数、オレンジ色は90分位数、緑色は95分位数を示します。
-
ページロード時間
選択したページグループの時間帯別ページロード時間を表示しま す。 ページロード時間エリアの右側のドロップダウンリストから希望の性能指標を選択できます。 詳細については、次の文書を参照してください。
ノート統計基準をパーセンタイルで選択すると、百分位別のページロード時間を提供します。
-
ページロード数
選択したページグループの時間帯別ページロード数を表示します。
-
WEBブラウサ別のページロードTop10 / OS別のページロードTop10 / デバイス別のページロードTop10
ページロード件数を基準に上位10のブラウザ、OS、デバイスを円形グラフで提供します。 ウェブアプリケーションを利用するユーザーの環境を把握できます。
-
WEBブラウサ別のページロード時間 / OS別のページロード時間 / デバイス別のページロード時間
ブラウザ、OS、デバイス別のページロード時間を提供します。 ページロード時間が遅くなるユーザーの環境を把握できます。
ノートグラフ/テーブル表示切り替え
右上の
グラフと
テーブルアイコンをクリックすると表示形式を切り替えられます。 テーブル形式では経過時間と詳細時間情報を追加で提供します。 -
ページURLパスリスト
正規表現式でグループ化していないURLパス（Path）基準の性能指標を提供するテーブルです。 選択したURLと照会時間をフィルターとして適用した結果を確認できます。 テーブルのカラムヘッダーにマウスをオーバーすると、そのカラムの詳細情報がツールチップ形式で提供されます。 カラム項目の詳細については、次の文書を参照してください。
アイコン項目
説明
CSVボタンをクリックすると、照会結果をCSVファイルとして保存できます。
カラム設定カラムを非表示にしたり、追加したり、順序を変更できます。 詳細については、カラム設定の文書を参照してください。
新しいウィンドウアイコンをクリックすると、ページグループ一覧を新しいウィンドウで確認できます。
ページURLパスカラムの
アイコンをクリックすると、ユーザーセッションログ検索に移動します。 選択したURLと照会時間をフィルターとして適用した結果を確認できます。ノートページURLパスからユーザーセッションログ検索に移動する際、指定した時間範囲の前後のデータも含まれる場合があります。
-
2時間以上の照会: 1時間単位でデータを照会し、照会時間範囲の前後にそれぞれ1時間が追加されます。
例. 照会範囲: 11:00 〜 14:00（3時間照会）→ 実際の照会範囲: 10:00 〜 15:00（合計5時間照会）
-
2時間以内の照会: 5分単位でデータを照会し、照会時間範囲の前後にそれぞれ5分が追加されます。
例. 照会範囲: 11:00 〜 11:30（30分照会）→ 実際の照会範囲: 10:55 〜 11:35（合計40分照会）
-
照会結果をフィルタリングする
照会した統計データをページグループまたは性能指標（ms）を基準にフィルタリングして、目的の内容を集中分析できます。
画面上部のフィルター入力欄をクリックしてフィルターを追加からフィルターを指定できます。 フィルタータグはフィルターキー、条件、検索値の順序で入力します。
フィルターキー、条件、検索値の入力
-
フィルターキー入力時、ページグループと性能指標（ms）オプションを提供します。 -
条件入力時、フィルターキーがページグループの場合は一致、不一致オプションを提供し、性能指標の場合は>、<、<=、>=、==オプションを提供します。 -
検索値入力時、一致検索（>、<、<=、>=、==）の場合は青色で、除外検索（不一致）の場合は赤色でハイライト表示します。
選択できる性能指標の詳細については、次の文書を参照してください。
フィルタータグの削除
-
タグのXアイコンをクリックすると、適用されたタグを削除できます。
-
入力欄の全削除
アイコンをクリックすると、全てのタグを削除できます。
カラムを設定する
ページグループリストでテーブルヘッダーカラムを非表示にしたり、必要な項目を追加できます。 カラムの順序を変更することもできます。 
カラム設定ボタンをクリックします。
- 左の一覧を
（昇順）/ 
（降順）アイコンをクリックしてソートできます。
カラムの追加
-
カラム設定ウィンドウの左側の一覧から追加するカラム項目を選択します。
- すべてのカラム項目を選択するには、左の一覧の上段にあるすべて選択をクリックします。
-
選択したカラム項目が右側の表示項目に追加されたことを確認します。
-
ご希望のカラム項目をすべて追加したら確認ボタンをクリックします。
カラム項目の詳細については、次の文書を参照してください。
カラムを削除する
-
カラム設定ウィンドウの表示項目で、削除するカラム項目の右側にある
をクリックします。 -
左側の一覧で削除したカラム項目のチェックボックスが解除されたことを確認します。
-
ご希望のカラム項目をすべて削除したら確認ボタンをクリックします。
カラム順序の変更
カラムの順序を変更できます。
-
カラム設定ウィンドウの表示項目で、順序を変更する項目をドラッグして目的の位置に移動し、カラムの順序を変更します。
-
すべての設定を完了した後は確認ボタンをクリックします。
カラム設定を初期化する
変更をすべてキャンセルして初期化できます。
-
カラム設定ウィンドウの
初期化ボタンをクリックします。 -
初期化設定を反映するには、確認ボタンをクリックします。
カラムと用語
| カラム | 単位 | 説明 |
|---|---|---|
| バックエンド時間 | ミリ秒 | ページのロード中にバックエンドで処理された時間です。（startTimeからresponseEndまでの時間） |
| フロントエンド時間 | ミリ秒 | ページロード中のフロントエンド領域の処理時間です。（domInteractiveからloadEventEndまでの時間） |
| リダイレクト時間 | ミリ秒 | ブラウザがウェブページを読み込む際のリダイレクトにかかった時間です。（redirectStartからredirectEndまでの時間） |
| キャッシング時間 | ミリ秒 | ブラウザがウェブページを読み込む際にキャッシュされたリソースを検索するのにかかった時間です。（fetchStartからdomainLookupStartまでの時間） |
| DNS時間 | ミリ秒 | ブラウザがウェブページを読み込む際にウェブサイトのドメインを照会するのにかかった時間です。（domainLookupStartからdomainLookupEndま での時間） |
| サーバー接続時間 | ミリ秒 | ページロード中にブラウザとサーバー間のネットワーク接続を確立するのにかかった時間であり、クライアントとサーバーが接続するのにかかった時間です。 |
| SSL時間 | ミリ秒 | TLSハンドシェイクにかかった時間です。（connectEndからsecureConnectionStartまでの時間）最後のリクエストがHTTPSを使用した場合にのみ測定します。 |
| FirstByte時間 | ミリ秒 | ブラウザがウェブページを読み込む際にネットワークリクエストを送信した後、サーバーから最初のバイトを受信するまでにかかった時間です。（requestStartからresponseStartまでの時間） |
| ダウンロード時間 | ミリ秒 | ブラウザがウェブページを読み込む際にサーバーからリソースをダウンロードするのにかかった時間です。（responseStartからresponseEndまでの時間） |
| DomContentLoaded時間 | ミリ秒 | ウェブページが初期コンテンツをレンダリングしてインタラクティブな状態になるまでの時間です。（domContentLoadedEventStartからdomContentLoadedEventEndまでの時間） |
| DOMロード時間 | ミリ秒 | ウェブページの全リソースをロードしてレンダリングが完了した後、ユーザーがインタラクティブな状態になるまでの時間です。（loadEventStartからloadEventEndまでの時間） |
| レンダリング時間 | ミリ秒 | サーバーからダウンロードしたリソースを画面にレンダリングしてページロードイベントを完了するのにかかった時間です。（domInteractiveからdomCompleteまでの時間） |
| onLoadイベント時間 | ミリ秒 | ブラウザで測定するloadイベントが完了する時間です。（開始からloadEventEndまでの時間） |
| 経過時間 | ミリ秒 | ブラウザがウェブページを完全に読み込むのにかかった時間です。 |
| 数 | 件数 | ページロード数です。 |
| ページグループ | URLテキスト | URLパス（URL Path）を正規表現式で正規化して提供する統計グループです。 詳細については、次の文書を参照してください。 |
| ページURLパス | URLテキスト | 正規表現式で正規化していないURLパス（URL Path）です。 |
| WEBブラウサ | テキスト | Chrome、Edge、Safariなど、エンドユーザーが使用したブラウザの種類です。 |
| OS | テキスト | macOS、Windows、Linuxなど、エンドユーザーが使用したデバイスのOSの種類です。 |
| デバイス | テキスト | Desktop、Mobile、Tabletなど、エンドユーザーが使用したデバイスの種類です。 |
Navigation timingについての詳細は、次の文書を参照してください。