始める前に
Browser Monitoringダッシュボード機能をする前に、WhaTapで定義した次の用語を理解した上で始めてください。
ページロード
ウェブアプリケーションに接続したすると、ページのコンテンツとリソースをロードするプロセスです。 Browser Monitoringサービスでは、ページロード時間を次のように定義します。
- DOMインタラクション、AJAXリクエスト、リソースレスポンスが100ms以内です。
- 「window onload」イベントが発生するタイミング
上記の条件を組み合わせて、最終ロード時間を決定します。
ルーター変更
ウェブアプリケーションをSingle Page Application(SPA)として構成した場合、ページを移動するたびにページロードイベントが発生しません。 ブラウザーのHistory APIを使用してページ切り替えに関するデータを収集します。
ルーター変更時間の定義は、ページ ロードの最初の定義と同じです。
ページ切り替え後、DOMインタラクション、AJAXリクエスト、リソースレスポンスが100ms以内に応答がない場合は、イベントを終了します。
ユーザーセッション
Browser Monitoringサービスは、ユーザーセッションで、ユーザーがウェブアプリケーションと相互作用を継続する動作の単位です。
ユーザーのページへのアクセスから終了までの1つのユーザーセッションとして定義します。 セッションの保持期間は最大4時間であり、15分間ウェブ アプリケーションとの相互作用がない場合は、セッションを初期化します。
ページグループ
Browser Monitoringサービスで、意味のある統計グループを持つためのURLパス(URL Path)を正規表現式により正規化しページグループという名前で提供します。 URLパス(URL Path)単位分析に意味がないと判断した数字、日付などを疑問符(?)に置き換えて提供します。
例えば、/v2/project/sms/12
/dashboard/resource_board といったURLパス(URL Path)を /v2/project/sms/?
/dashboard/resource_board のような形で提供します。
ブラウザーエラー
Browser Monitoringサービスは、ブラウザーから発生するエラーを次のように区分します。
-
「console」: 開発者が定義したエラー、ブラウザーコンソールで発生するエラーです。
-
「onError」: 特定のリソースの読み込みに失敗または、スクリプトにエラーがある場合に発生するエラーです。
-
「fetch error」: fetchによるHTTPリクエスト(HTTP Request)がある場合に発生するエラーです。
-
「xhr error」: xhr経由のHTTPリクエスト(HTTP Request)がある場合に発生するエラーです。