コンソールでのパフォーマンスデータの監視

リアルタイムのパフォーマンスデータを表示するには、アプリがリアルタイムのデータ処理と互換性のあるPerformanceMonitoringSDKバージョンを使用していることを確認してください。リアルタイムのパフォーマンスデータの詳細をご覧ください

ダッシュボードで主要な指標を追跡する

主要な指標がどのように傾向を示しているかを知るには、パフォーマンスダッシュボードの上部にある指標ボードにそれらを追加します。週ごとの変更を確認するか、コードの最近の変更によってパフォーマンスが向上していることを確認することで、リグレッションをすばやく特定できます。

FirebasePerformanceMonitoringダッシュボードの指標ボードの画像

追跡できるトレンドの例を次に示します。

  • アプリが特定のJavaScriptファイルをロードするときに変更したため、最初の入力遅延が改善されました
  • アセットにCDNを使用するように切り替えた後の最初のコンテンツコンテンツペイントの時間の短縮
  • サムネイルの使用を実装したため、ネットワーク要求の応答ペイロードサイズが減少しました
  • エコシステム停止中のサードパーティAPI呼び出しのネットワーク応答時間の増加
プレースホルダー18

Firebaseプロジェクトの各メンバーは、独自の指標ボードを設定できます。他のプロジェクトメンバーが自分のボードで完全に異なる主要なメトリックのセットを追跡している間、あなたはあなたにとって重要なメトリックを追跡することができます。

メトリックボードにメトリックを追加するには、次の手順に従います。

  1. Firebaseコンソールのパフォーマンスダッシュボードに移動します。
  2. 空のメトリックカードをクリックしてから、既存のメトリックを選択してボードに追加します。
  3. メトリックの置換や削除など、その他のオプションについては、入力されたメトリックカードのをクリックしてください。

メトリックボードには、収集されたメトリックデータが、グラフ形式と数値のパーセンテージ変化の両方で表示されます。

  • 各メトリックカードには、選択した時間範囲でのメトリックの値の変化率と、メトリックの最後に収集された値が表示されます。メトリックボードの上部にあるステートメントは、変化率の解釈です。
  • デフォルトでは、メトリックボードにはメトリックの75パーセンタイル値が表示されます。これは、 CoreWebVitalsと一致します。ユーザーのさまざまなセグメントがアプリをどのように体験しているかを確認したい場合は、ダッシュボードページの上部にあるドロップダウンから別のパーセンタイルを選択します。

赤、緑、灰色はどういう意味ですか?

ほとんどのメトリクスには望ましい傾向方向があるため、メトリクスボードは色を使用して、メトリクスのデータが良い方向に向かっているか悪い方向に向かっているかの解釈を表示します。

たとえば、ページの最初の入力遅延(小さいはずの値)を追跡しているとします。この値が増加している場合、メトリックボードはメトリックの変化率を赤で表示し、考えられる問題に注意を促します。ただし、値が減少または変更されていない場合、メトリックボードにはそれぞれパーセンテージが緑色または灰色で表示されます。

ネットワーク要求の応答ペイロードサイズなど、メトリックに明確な望ましいトレンド方向がない場合、データのトレンドに関係なく、メトリックボードには常にメトリックの変化率が灰色で表示されます。

実線と破線はどういう意味ですか?

  • 濃い青色の実線—時間の経過に伴うメトリックの値

  • 水色の破線—過去の特定の時間におけるメトリックの値
    たとえば、過去7日間のグラフを表示することを選択し、8月30日にカーソルを合わせると、水色の破線は8月23日の指標の値を示します。



トレースとそのデータを表示する

パフォーマンスダッシュボードの下部にあるトレーステーブルで、アプリのすべてのトレースを表示できます。この表は、各タイプのトレースを適切なサブタブ内にグループ化しています。たとえば、すべてのネットワーク要求トレースは、[ネットワーク要求]サブタブの下に一覧表示されます。

トレーステーブルには、各トレースの上位メトリックの値と、各メトリックの値の変化率が表示されます。これらの値は、[ダッシュボード]タブの上部で設定されたパーセンタイルと時間範囲の選択に基づいて計算されます。ここではいくつかの例を示します。

  • 75%のパーセンタイルと過去7日間の時間範囲を選択した場合、メトリックの値は最新のから収集されたデータの75パーセンタイルになり、変化率は7日前からの変化になります。
  • 次に、時間範囲を過去24時間に変更すると、メトリックの値は直近の1時間から収集されたデータの中央値になり、変化率は24時間前からの変化になります。

各サブタブのトレースのリストは、メトリックの値または特定のメトリックの変化率で並べ替えることができます。これは、アプリの潜在的な問題をすばやく特定するのに役立ちます。

特定のトレースのすべてのメトリックとデータを表示するには、トレーステーブルのトレース名をクリックします。このページの次のセクションで詳細を説明します。

特定のトレースのデータをさらに表示

パフォーマンスモニタリングは、Firebaseコンソールにメトリックの変更を強調表示するトラブルシューティングページを提供し、アプリとユーザーに対するパフォーマンスの問題の影響にすばやく対処して最小限に抑えることを容易にします。たとえば、次のシナリオで、潜在的なパフォーマンスの問題について学習するときに、トラブルシューティングページを使用できます。

  • ダッシュボードで関連するメトリックを選択すると、大きなデルタに気づきます。
  • トレーステーブルで、最大のデルタを上部に表示するように並べ替えると、大幅なパーセンテージの変化が見られます。
  • パフォーマンスの問題を通知する電子メールアラートを受け取ります。

次の方法でトラブルシューティングページにアクセスできます。

  • メトリックダッシュボードで、[メトリックの詳細を表示]ボタンをクリックします。
  • 任意のメトリックカードで、 =>詳細の表示を選択します。トラブルシューティングページには、選択したメトリックに関する情報が表示されます。
  • トレーステーブルで、トレース名またはそのトレースに関連付けられている行のメトリック値をクリックします。
  • 電子メールアラートで、[今すぐ調査]をクリックします。

トレーステーブルでトレース名をクリックすると、対象のメトリックにドリルダウンできます。 [ のフィルター]ボタンをクリックして、データを属性でフィルターします。次に例を示します。

属性でフィルタリングされているFirebasePerformanceMonitoringデータの画像
  • ページのURLでフィルタリングして、サイトの特定のページのデータを表示します
  • 効果的な接続タイプでフィルタリングして、3g接続がアプリに与える影響を確認します
  • でフィルタリングして、データベースの場所が特定の地域に影響を与えていないことを確認します

トレースの収集されたすべてのメトリックを表示する

トレースをクリックすると、関心のある指標にドリルダウンできます。

  • ネットワーク要求トレース—使用可能なメトリックタブは、応答時間応答ペイロードサイズです。
  • カスタムコードトレース— [期間メトリック]タブは常に使用できます(このタイプのトレースのデフォルトメトリック)。カスタムコードトレースにカスタムメトリックを追加した場合は、それらのメトリックタブも表示されます。
  • ページ読み込みトレース—使用可能なメトリックタブには、最初のペイント最初のコンテンツの多いペイント最初の入力遅延、およびDOM関連のイベントが含まれます。

データに関する詳細情報を表示する

データを属性でフィルタリングしてセグメント化するか、クリックしてアプリ使用セッションのコンテキストでデータを表示できます。

たとえば、最近のネットワーク応答時間が遅い理由や、国がパフォーマンスに影響を与えているかどうかを理解するには、次の手順に従います。

  1. 属性ドロップダウンからを選択します。
  2. 表で、最新の値で並べ替えて、ネットワークの応答時間に最大の影響を与える国を確認します。
  3. 最新の値が最も大きい国を選択して、グラフにプロットします。次に、グラフのタイムラインにカーソルを合わせると、これらの国でネットワークの応答時間が遅くなった時期がわかります。
  4. 特定の国でのネットワーク応答時間の問題の根本原因をさらに調査するには、それらの国にフィルターを追加し、他の属性(無線の種類やデバイスなど)全体で調査を続けます。