本文へスキップ

Browser Monitoringダッシュボード

Browser monitoring dashboard

リアルタイムデータと過去のデータを表示できるダッシュボードです。 ブラウザアプリケーションのユーザー体験と性能をモニタリングします。 性能指標やブラウザ、地域など、様々な側面からデータを提供することで、状態の異常をすばやく特定できます。 また、ページロードイベントとAJAXイベントの性能データも提供します。

リアルタイムの統計データをチャート型ウィジェットで構成したダッシュボードです。 ページロード中心の統計データとウェブブラウザで発生するAJAXデータをリアルタイムで確認できます。

ノート

  • 各ウィジェットで右上の 詳細アイコンボタンをクリックして、ウィジェットデータを全画面サイズで表示できます。

  • ウィジェットの右上にある 設定アイコンボタンをクリックすると、チャート設定画面が表示されます。 チャートに表示するオプションを設定できます。

  • ウェブブラウザの画面サイズによってウィジェット右上のアイコンの表示が異なる場合があります。 もっと見るアイコンボタンを選択すると、追加アイコンが表示できます。

  • ウィジェット設定の詳細については 次の文書を参照してください。

ページロードタイムライン​

Page load timeline

ブラウザアプリケーションの全体ページロード性能の情報を提供します。 ページロード時間と読み込み段階別プロセスを平均時間で示します。 これにより、ブラウザアプリケーションの全体的な性能を把握できます。

各詳細段階の説明については、次を参照してください。

  • リダイレクト：ブラウザがウェブページを読み込むとき、リダイレクトの過程で費やした平均時間です。

  • キャッシュ：ブラウザがウェブページを読み込み中にキャッシュされたリソースを取得するのに要した平均時間です。

  • DNS探索：ブラウザがウェブページを読み込む際、ウェブサイトのドメインを照会するのにかかった平均時間です。

  • TCP接続：ブラウザがウェブページを読み込む際、TCPハンドシェイク処理にかかった平均時間です。

  • 応答待ち：ブラウザがネットワークリクエストを送信してから、サーバーから最初のバイトを受信するまでにかかった平均時間です。

  • ダウンロード：ブラウザがウェブページを読み込む際、サーバーからリソースをダウンロードするのにかかった平均時間です。

  • レンダリング：サーバーからダウンロードしたリソースを画面にレンダリングし、ページロードイベントを完了するまでにかかった平均時間です。

  • Load Time：ブラウザがウェブページを完全に読み込むのにかかった平均時間です。

  • Front-End：ウェブページを初期レンダリングするのにかかった平均時間です。

  • Back-End：ページロードリクエストからリソースをダウンロードするまでにかかった平均時間です。

ページロード時間と読み込み数​

Page load widget

エンドユーザーがブラウザアプリケーションを使用してウェブページにアクセスすると、各ページを読み込みにかかる時間と頻度をリアルタイムで確認できます。 この情報により、開発者はアクセス量の多いページと読み込み速度の遅いページを特定し、改善が必要なページに優先順位を付けることができます。

例えば、多くのユーザーがアクセスするページロードに時間がかかる場合、開発者はそのページの性能を改善することに集中できます。 逆に、読み込み速度が遅いページの接続量が大きくない場合、開発者はそのページの改善より、他のページを改善することに集中する方が効率的です。

ノート

全体の状況を確認するには、右上の ページグループ を選択してください。 メトリクス一覧から 全体 を選択してください。

  • 平均ページロード時間 TopN

    平均ページロード時間をページグループごとに表示します。 横棒チャートは、表示時間中に発生したページグループごとの読み込み時間の平均です。 上位8つまで表示されます。

  • ページロード数TopN

    ページロード数をページグループごとに表示します。 横棒チャートは、表示時間中に発生したページグループごとの読み込み数の合計です。 上位8つまで表示されます。

ユーザーアクションヒットマップ​

ユーザーアクションイベントは、ウェブアプリケーションを訪問したエンドユーザーがページのロードを完了したり、クリックやタッチなどの操作を行った際に発生するイベントです。 ユーザーアクションイベントは、ユーザーアクションヒットマップ のチャート形式で提供され、各イベントの詳細情報はタイムライン形式で確認できます。 ユーザーアクションには、以下の情報が含まれます。

  • ページロードイベント

    • ページロードイベントの区間別詳細時間情報

    • ロードしたリソースの詳細

    • ブラウザエラーデータ

  • クリック／タッチイベント

    • クリック応答時間

    • クリック時にロードされたリソース情報

    • クリック時に発生したエラー情報

Page load hitmap

ユーザーアクションヒットマップ ウィジェットは、時間経過に伴うユーザーアクションの応答時間を分布チャートとして表示します。 ウィジェットのチャート領域をドラッグすると、その領域に該当するユーザーアクションイベントの詳細画面が表示されます。

  • 横軸はユーザーアクションイベントの終了時間です。

  • 縦軸はユーザーアクションイベントの経過時間（応答時間）です。

  • 水色 → 青 → 紺色の順で、正常なユーザーアクションイベントの密度を表します。

  • 黄色 → オレンジ → 赤の順で、エラーが発生したユーザーアクションイベントの密度を表します。 エラーのユーザーアクションイベントとは、イベント処理中にブラウザエラーが発生した場合を指します。

ページ別、メッセージ別エラー件数​

Error count

エンドユーザーがブラウザアプリケーションの使用中に発生したブラウザエラーを表示します。 ページごとに発生したエラーとエラーメッセージごとに表示します。 これにより、通常エラーが発生するページとエラーに関する内容をすばやく特定できます。

  • ページエラー件数

    各ページで発生したすべてのエラー件数をページごとに表示します。 チャートにカーソルを合わせると、ページグループのエラー件数をツールチップ形式で確認できます。

  • エラーメッセージ別のエラー数

    コンソールエラーではなく、ソースエラーおよびAJAXエラーに関するメッセージを表示します。 横棒チャートは、検索時に発生したエラーメッセージごとのエラー数の合計です。 上位8つまで表示されます。

ユーザーセッション数、ユーザーセッション​

User sessions

ブラウザアプリケーションに接続したユーザーセッションの数をリアルタイムでモニタリングできます。 これにより、ブラウザアプリケーションの使用量を把握できます。 セッション数が急激に増加する場合は、ユーザー数が増加したことを意味します。 一方、セッション数が減少した場合、ユーザーがアプリケーションを使用していないか、不快なエクスペリエンスを経験している可能性があります。

ユーザーセッションウィジェットと他のウィジェットを一緒に使用すると、アプリケーションの使用状況を総合的に把握できます。

  • ユーザーセッション数

    表示時間を基準に重複削除したユーザーセッションの合計数を表示します。

  • ユーザーセッション

    5秒、5分、1時間の間隔で重複していないユーザーセッションの数を表示します。 ウィジェット右上にある詳細表示アイコンボタンを選択し、メトリクス変更ボタンを選択します。 目的の時間間隔を選択できます。

平均AJAXレスポンス時間TopN​

AJAX response time

ブラウザアプリケーションは、AJAXを通じてレンダリングに必要なデータを送受信します。 ページロード後もAJAXが発生し続けるページでは、AJAXの読み込みがブラウザアプリケーションのユーザー体験において重要な指標になる可能性があります。 平均AJAXレスポンス時間TopNウィジェットは、エンドユーザーがブラウザアプリケーションを使用するときに発生するAJAXの平均レスポンス時間です。

  • AJAXリクエストpath別にチャートを提供し、リクエストホスト別、リクエストページ別、全体平均基準で選択して確認することができます。 ウィジェット右上にある詳細表示アイコンボタンを選択し、メトリクス変更ボタンを選択します。 チャートデータを変更できます。

  • デフォルトでは、参照時間別の上位10個のデータが表示されます。 データ個数を変更するには、ウィジェットの右上にあるその他のアイコンボタンを選択した後詳細表示アイコンボタンを選択します。 画面の右上にある「上部N」ボタンを選択すると、個数を変更できるオプションが表示されます。

AJAX失敗件数​

AJAX fail count

AJAXエラーは、ステータスコードが400以上であるか、リクエストが失敗したためにキャンセルされたことを意味します。 ブラウザアプリケーションで発生するAJAXエラー件数は、fetchまたはxhrタイプに分類して表示されます。

AJAXヒットマップ​

ブラウザアプリケーションで発生したAJAXリクエストをヒットマップチャート形式で提供し、各リクエストに対する詳細情報はテーブル形式で確認できます。 各AJAXを分析して性能異常の原因を特定できます。

ノート

AJAX Hitmapメニューの詳細は、次の文書を参照してください。

ヒットマップチャート​

AJAX hitmap

AJAXヒットマップは、時間の経過に伴うAJAXリクエストのレスポンス時間を分布図チャートで表示します。

  • 横軸はAJAX終了時間、縦軸はAJAX読み込み時間です。

  • 正常のAJAXは、空色→青色→藍色の順で表現します。

  • エラーAJAXは、黄色→オレンジ→赤色の順で表現します。 ステータスコードが400の場合です。 チャートからエラーのみ確認する場合は、ウィジェットの右上にあるエラーボタンを選択します。

  • Y軸自動ボタンがアクティブな場合、Y軸の最大値が分布図によって自動的に変更されます。 y軸を固定するには、Y軸自動ボタンを選択して無効にします。

  • 上方向アイコンまたは 下方向アイコンボタンを選択してチャートを上下に移動できます。

  • 詳細を確認するには、チャートの特定の領域をドラッグしてください。 ドラッグした領域のAJAXイベント一覧と詳細情報が確認できるAjax分析ウィンドウが表示されます。

AJAXイベント詳細情報​

Ajaxイベント詳細情報

Ajax 分析ウィンドウで各項目を選択すると、詳細を表示できるAjax 情報ウィンドウが画面の右側に表示されます。

エラーが発生したAJAX一覧のみを確認するには、Ajax 情報ウィンドウの左上にある 全体選択ボックスからエラーを選択します。

各 AJAX には、次の情報が含まれています。

  • Ajax URL

  • AJAX 要求を行ったページの URL

  • ブラウザ、機器、OS環境情報

  • エラーメッセージ情報

  • 地域情報

  • AJAX詳細タイミング情報

地域別ページロード時間とカウント​

Pageload map

ブラウザアプリケーションのリージョン別のページロード時間とページロード数をマップチャートとテーブルで表現します。 地域ごとにウェブサイトの性能を簡単に比較できます。 ページロード時間は2秒間隔で凡例が表示され、ページロード数は、50、75、90、95の%間隔で凡例が表示されます。

照会時間に基づいて、ページロード数が最も多い国をウィジェットにデフォルトで表示します。

  • マウスをスクロールしたり、スライダーを使用して地図を拡大または縮小したりできます。

  • 世界地図を見るには地球アイコンボタンを選択します。 特定の国を選択すると、地域ごとにデータを確認できます。

  • テーブルの形でデータを確認するにはテーブルアイコンボタンを選択します。 地図の形に戻るには、地図アイコンボタンを選択します。

    Pageload table

  • 地域別マップの場合、上位の行政区画に基づいてデータを表示します。 (韓国標準：州、広域市)

情報

This site or product includes IP2Location LITE data available from https://lite.ip2location.com.

ブラウザ別ページロード​

Pageload by browser

ブラウザアプリケーションごとのページロード時間とページロード数を提供します。 ブラウザごとの性能を簡単に比較できます。 ページロード時間またはページロード数にデータを変更するには、ウィジェットの右上にあるもっと見るアイコンボタンを選択し、メトリクスボタンを選択します。

コアウェブバイタル指標​

コアウェブバイタル(Core Web Vitals)は、グーグルが定義するユーザー体験に影響を与える様々な指標の中でウェブサイトの性能に関する3つの重要な指標です。 各指標は、Webサイトの読み込み方法とユーザーの操作方法に応じて異なる方法で表示されます。

  • 最大視覚コンテンツの表示時間(Largest Contentful Paint)：ウェブサイトの最大コンテンツ要素が読み込まれる時間を意味する指標です。

  • 初回の入力までの遅延時間(First Input Delay)：ウェブサイトが読み込まれて、ユーザーが最初の入力を行うまでにかかる時間です。

  • 累積レイアウトシフト(Cumulative Layout Shift)：ウェブサイトの読み込み中にレイアウトがどのくらいの頻度で変更するかを示す指標です。

これらの測定値は、ウェブサイトの性能を評価および改善する上で重要な役割を果たします。 コア ウェブバイタル指標を理解して測定することは、ユーザー体験を改善し、ウェブサイトの性能を最適化する上で非常に役立ちます。

最大のコンテンツフルペイント(Largest Contentful Paint)​

LCP

ページのグループごとに、コンテンツフルの最大ペイント時間の平均を表示します。 表示時間中に発生した各ページグループの上位8つのグループの最大コンテンツフルペイントの表示時間の平均が横棒チャートとして表示されます。

初回入力までの遅延時間(First Input Delay)​

FID

各ページグループの平均初回入力待ち時間を表示します。 チャートにカーソルと合わせると、そのページグループの時間値が表示されます。

累積レイアウトシフト数(Cumulative Layout Shift)​

CLS

各ページのグループごとの累積レイアウトシフト数を表示します。 チャートにカーソルと合わせると、そのページグループの値が表示されます。

最終修正：