Firebase Summit で発表されたすべての情報をご覧ください。Firebase を使用してアプリ開発を加速し、自信を持ってアプリを実行する方法を紹介しています。詳細

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

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

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

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

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

Firebase Performance Monitoring ダッシュボードのメトリクス ボードの画像

追跡できる傾向の例を次に示します。

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

Firebase プロジェクトの各メンバーは、独自のメトリクス ボードを構成できます。自分にとって重要な指標を追跡できますが、他のプロジェクト メンバーは、自分のボードでまったく異なる一連の重要な指標を追跡できます。

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

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

メトリクス ボードには、収集されたメトリクス データが経時的にグラフ形式と数値の変化率の両方で表示されます。

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

赤、緑、灰色の色は何を意味しますか?

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

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

ネットワーク リクエストの応答ペイロード サイズのように、メトリクスに明らかな望ましい傾向の方向がない場合、メトリクス ボードには、データの傾向に関係なく、常にメトリクスのパーセンテージの変化が灰色で表示されます。

実線と破線は何を意味していますか?

  • 濃い青色の実線 — 経時的な指標の値

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



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

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

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

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

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

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

特定のトレースの詳細データを表示する

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

  • ダッシュボードで関連する指標を選択すると、大きな差があることに気付きます。
  • トレース テーブルで、最大のデルタを一番上に表示するように並べ替えると、大幅な変化率が表示されます。
  • パフォーマンスの問題を通知する電子メール アラートを受け取ります。

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

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

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

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

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

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

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

メトリック タブのすぐ下に、選択したメトリックのパフォーマンスの概要が表示されます。これには、時間の経過に伴うメトリックの傾向の 1 文の概要と、選択した日付範囲全体にわたるデータの分布を視覚化するグラフが含まれます。

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

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

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

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