このトピックでは、ブラウザ監視を実装できるシナリオについて説明します。
エンドユーザーがWebサイトにアクセスする場合、プロセス全体は3つのフェーズに分けられます。ページ生成フェーズ（サーバー側の状態）、ページ読み込みフェーズ、およびページ実行フェーズです。安定したオンラインサービスを確保するために、サーバーはアプリケーションが公開される前にこれらのサービスの状態を監視します。本格的なサーバー側の監視システムを備えている場合でも、ページの読み込みと実行の状態の監視は依然として不十分な場合があります。これは、ブラウザ監視があまり重視されていないためです。サーバー側の監視は、誤ってブラウザ監視の代わりと見なされます。その結果、システムにアクセスするユーザーの詳細は認識されません。したがって、ユーザーが遭遇するフロントエンドの問題を特定することは困難です。
課題
- パフォーマンスボトルネックの特定の難しさ
ページの読み込み速度が遅い場合、パフォーマンスボトルネックを特定することは困難です。ページの読み込み速度が遅いのは、ネットワークの問題、リソースの読み込みの問題、またはドキュメントオブジェクトモデル（DOM）の解析の問題が原因である可能性があります。問題は、ユーザーが居住する都道府県や国、またはユーザーのブラウザやデバイスに関連している可能性があります。これらの問題は再現できず、原因を特定できません。
- 失敗したユーザーアクセスリクエストの詳細を取得できない
システムがオンラインになった後に多数のJavaScript（JS）エラーが発生した場合、ユーザーはシステムを期待どおりに使用できません。できるだけ早くエラーの詳細を取得できないと、多数のユーザーを失う可能性があります。ユーザーがページの使用状況に関するフィードバックを提供した場合、ユーザーのシナリオをすぐに再現できない場合があります。ユーザーからエラーメッセージを受け取ったとしても、エラーをすぐに修正できない場合があります。これらは、発生する可能性のある困難です。
- 非同期API呼び出しの詳細を取得できない
API呼び出しからHTTPステータスコード200が返された場合でも、APIが異常である可能性があります。ビジネスロジックの例外が発生した場合、できるだけ早く例外を特定できない場合があります。すべてのAPI呼び出しに対して通常の応答が返されても、プロセス全体に時間がかかる場合は、全体像を把握して応答時間を短縮できない場合があります。ユーザーエクスペリエンスを向上させるには、これらの問題を解決する必要があります。
ARMSベースのブラウザ監視ソリューション
Application Real-time Monitoring Service（ARMS）は、大量のリアルタイムログを分析および処理する機能に基づいて、ブラウザ監視機能を提供します。ブラウザ監視機能を使用して、すべてのエンドユーザーからのアクセスリクエストを監視し、前述の問題を解決できます。
- アプリケーションの概要ページをチェックして例外を特定する
アプリケーションの概要ページには、JSエラーの数、JSエラー率、APIエラーの数、API成功率、ページビュー（PV）、ユニークビジター（UV）などの情報が表示されます。
- パフォーマンスデータの傾向とウォーターフォールチャート
ページ速度ページでは、ページのパフォーマンスとページ読み込みのウォーターフォールチャートに関連する特定のメトリックを表示できます。次に、詳細なデータに基づいてパフォーマンスボトルネックを特定できます。
- JSエラー率と頻度の高いエラー
JSエラー診断ページでは、ページエラー率のランキングと頻度の高いエラーのランキングを表示できます。したがって、JSエラー率が最も高いページと、最も頻度の高いエラーについて、直接的な印象を得ることができます。
- APIリクエスト
APIリクエストページでは、APIリクエストの成功率と応答時間を表示できます。これにより、APIリクエストの詳細を取得できます。
- アクセスログ
詳細の表示ページでは、複数のタイプのアクセスログを表示できます。
