本文へスキップ

始める前に

ブラウザーモニタリングダッシュボード機能をする前に、WhaTapで定義した次の用語を理解した上で始めてください。

ページロード

ウェブアプリケーションに接続したすると、ページのコンテンツとリソースをロードするプロセスです。 ブラウザーモニタリングサービスでは、ページ読み込み時間を次のように定義します。

  • DOMインタラクション、AJAXリクエスト、リソースレスポンスが100ms以内です。
  • 「window onload」イベントが発生するタイミング

上記の条件を組み合わせて、最終ロード時間を決定します。

ルーター変更

ウェブアプリケーションをSingle Page Application(SPA)として構成した場合、ページを移動するたびにページロードイベントが発生しません。 ブラウザーのHistory APIを使用してページ切り替えに関するデータを収集します。

ルーター変更時間の定義は、ページ ロードの最初の定義と同じです。

ページ切り替え後、DOMインタラクション、AJAXリクエスト、リソースレスポンスが100ms以内に応答がない場合は、イベントを終了します。

ユーザーセッション

ブラウザーモニタリングサービスは、ユーザーセッションで、ユーザーがウェブアプリケーションと相互作用を継続する動作の単位です。

ユーザーのページへのアクセスから終了までの1つのユーザーセッションとして定義します。 セッションの保持期間は最大4時間であり、15分間ウェブ アプリケーションとの相互作用がない場合は、セッションを初期化します。

ページグループ

ブラウザーモニタリングサービスで意味のある統計グループを持つために、URL Pathを正規化してページグループという名前で提供します。 URL Path単位の解析に意味がないと判断した数字や日付などは、疑問符(?)として置き換えて提供します。

例えば、_/v2/project/sms**/12/dashboard/resource_board_といったURL Pathを _/v2/project/sms/?/**dashboard/resource_board_のようなURLパスを提供します。

ブラウザーエラー

ブラウザーモニタリングサービスは、ブラウザーから発生するエラーを次のように区分します。

  • 「console」: 開発者が定義したエラー、ブラウザーコンソールで発生するエラーです。

  • 「onError」: 特定のリソースの読み込みに失敗または、スクリプトにエラーがある場合に発生するエラーです。

  • 「fetch error」: fetchによるHTTPリクエスト(HTTP Request)がある場合に発生するエラーです。

  • 「xhr error」: xhr経由のHTTPリクエスト(HTTP Request)がある場合に発生するエラーです。