すべてのプロダクト
Search
ドキュメントセンター

Simple Log Service:フロントエンド監視データレポート

最終更新日:Dec 09, 2024

Full-stack Observabilityアプリケーションは、webページとミニプログラムのパフォーマンスメトリック、JavaScriptエラー、APIリクエスト、リソースアクセスに関する情報を表示するさまざまなダッシュボードを提供します。

前提条件

ユーザ経験データが収集される。 詳細については、「webページからのユーザーエクスペリエンスデータの収集」および「ミニプログラムからのユーザーエクスペリエンスデータの収集」をご参照ください。

エントリーポイント

  1. にログインします。Simple Log Serviceコンソール.

  2. [ログアプリケーション] セクションで、[インテリジェントO&M] タブをクリックします。 次に、[フルスタックの表示] をクリックします。

  3. [Simple Log Serviceのフルスタックの観察可能性] ページで、管理するインスタンスをクリックします。

  4. 左側のナビゲーションウィンドウで、[ユーザーエクスペリエンスモニタリング] > [カンバンのモニタリング] を選択します。

概要

[概要] ダッシュボードには、ユーザーアクセスの全体的な統計がグラフで表示されます。 チャートには、合計ユーザー、合計セッション、合計ページ、JSエラー、APIエラー、リソースエラー、およびトレンドが含まれます。

image.png

パフォーマンスの概要

[パフォーマンス概要] ダッシュボードには、パフォーマンスデータの全体的な統計がグラフに表示されます。 グラフには、主要なパフォーマンスメトリック、頻繁にアクセスされるページパフォーマンス、アクセス期間の統計、パフォーマンスメトリック層、およびリソースロード時間が含まれます。 主要パフォーマンスメトリクスチャートには、最初のペイント、インタラクティブまでの時間、完全にロードされた時間、最大のコンテントフルペイントのメトリクスが含まれています。

image.png

JSエラーの概要

JSエラーの概要ダッシュボードには、JavaScriptエラーに関する詳細情報がグラフに表示されます。 グラフには、JSエラー、JSエラー率、およびJSエラーの影響を受けるユーザーが含まれます。

image.png

APIリクエストの概要

APIリクエストの概要ダッシュボードには、APIリクエストに関する詳細情報がグラフで表示されます。 チャートには、リクエストの合計、成功したリクエストの合計、失敗したリクエストの合計、およびスローロードされたページが含まれます。

image.png

リソースアクセスの概要

[リソースアクセスの概要] ダッシュボードには、リソースアクセスに関する詳細情報がグラフで表示されます。 グラフには、合計リソース訪問者、成功したリソース要求、失敗したリソース要求、ゆっくりとロードされたページ、およびリソースロード時間が含まれます。

image.png

デバイス統計

[デバイス統計] ダッシュボードには、クライアントデバイスに関する情報がグラフで表示されます。 チャートには、クライアントオペレーティングシステム、ブラウザブランド統計、オペレーティングシステムタイプ、Chromeバージョンの配布、FireFoxバージョンの配布、Safariバージョンの配布、ブラウザウィンドウサイズ、およびモニタ解像度が含まれます。

image.png

JSエラー診断

JSエラー診断ダッシュボードには、JavaScriptエラーに関する情報がグラフに表示されます。 チャートには、エラー率、頻繁なエラー、および頻繁なヌルポインタ例外による上位100ページが含まれています。

image.png

スタック情報やユーザー動作のバックトラックなどのJavaScriptエラーの詳細を表示するには、エラーを見つけて [操作] 列の [診断] をクリックします。

image.png

APIリクエスト診断

APIリクエスト診断ダッシュボードには、APIリクエストに関する情報がグラフで表示されます。 チャートには、上位100の失敗したリクエストとスローリクエストの追跡が含まれます。

image.png

APIローディングパフォーマンスチャートやユーザー動作のバックトラックなど、APIリクエストの詳細を表示するには、APIリクエストを見つけて [操作] 列の [診断] をクリックします。

image.png

リソースアクセス診断

リソースアクセス診断ダッシュボードには、リソースアクセスに関する診断情報がグラフで表示されます。 チャートには、上位100のリソースロード障害と上位100ロードリソースが含まれています。

image.png

リソースローディングパフォーマンスチャートやユーザー動作のバックトラックなど、リソースの詳細を表示するには、リソースを見つけて [操作] 列の [診断] をクリックします。

image.png

セッショントレース

セッショントレースダッシュボードには、セッションに関する詳細情報がグラフで表示されます。 情報には、訪問ページ、UID、ブラウザ、ブラウザバージョン、国、市、およびISPが含まれます。

image.png

セッションホームページの読み込みパフォーマンスチャートやセッションフレームグラフなど、セッションの詳細を表示するには、セッションを見つけて、[操作] 列の [セッションの表示] をクリックします。 ページ、JavaScriptエラー、リソースアクセス、リクエストなど、さまざまな監視対象オブジェクトのセッション統計を表示することもできます。

image.png