Catch up on everthing we announced at this year's Firebase Summit. Learn more

在控制台監控性能數據

要查看實時性能數據,請確保您的應用使用與實時數據處理兼容的性能監控 SDK 版本。了解詳情

在儀表板中跟踪關鍵指標

要了解您的關鍵指標是趨勢,在性能儀表板的頂部將它們添加到您的指標板。您可以通過查看每週更改或驗證代碼中的最近更改是否正在提高性能來快速識別回歸。

Firebase 性能監控儀表板中指標板的圖像

以下是您可以跟踪的一些示例趨勢:

  • 第一次輸入延遲的改善,你已經改變了當你的應用程序加載某些JavaScript文件
  • 切換到使用CDN資產後的時間為第一contentful塗料的下降
  • 響應有效載荷大小來下降了,因為你實現的用縮略圖的網絡請求
  • 一個生態系統停運期間,網絡響應時間的增加對第三方API調用

Firebase 項目的每個成員都可以配置自己的指標板。您可以跟踪對您很重要的指標,而其他項目成員可以在他們自己的板上跟踪完全不同的關鍵指標集。

要將指標添加到您的度量板,轉到性能儀表板在火力地堡控制台,然後單擊控制台選項卡。單擊一個空的指標卡,然後選擇一個現有的指標以添加到您的看板中。點擊人口密集度卡更多的選擇,喜歡更換或移除指標。

指標板以圖形形式和數字百分比變化顯示隨時間收集的指標數據。

  • 每個指標卡顯示指標值在選定時間範圍內的百分比變化,以及指標最近收集的值。指標板頂部的聲明是對百分比變化的解釋。
  • 默認情況下,指標板顯示指標的中值。如果您想查看用戶的不同部分如何體驗您的應用,請從儀表板頁面頂部的下拉菜單中選擇不同的百分位數。

紅色、綠色和灰色分別是什麼意思?

大多數指標都有所需的趨勢方向,因此指標板使用顏色來顯示指標數據的趨勢是好還是壞的解釋。

例如,假設您正在跟踪一個頁面的第一輸入延遲(這應該是小的值)。如果此值正在增加,則指標板會以紅色顯示指標的百分比變化,提醒注意可能存在的問題。但是,如果該值正在減少或保持不變,則指標板將分別以綠色或灰色顯示百分比。

如果指標不具有明顯的期望趨勢方向,如響應有效載荷大小的網絡請求,則該度量板總是顯示為灰色的度量的百分比變化,無論數據是如何趨勢。

實線和虛線分別是什麼意思?

  • 深藍色實線 — 指標隨時間變化的值

  • 淺藍色虛線 — 過去特定時間的度量值
    例如,如果您選擇顯示過去 7 天的圖表,並將鼠標懸停在 8 月 30 日,那麼淺藍色虛線會告訴您指標在 8 月 23 日的值。



查看跟踪及其數據

您可以查看所有痕跡在痕跡表您的應用程序,這是在底部績效儀表盤。該表在適當的子選項卡中對每種類型的跟踪進行分組。例如,所有網絡請求跡線網絡請求子選項卡下。

跟踪表顯示每個跟踪的一些頂級指標的值,以及每個指標值的百分比變化。這些值是基於百分位和時間範圍組中的儀表板標籤頂部的選擇來計算。這裡有些例子:

  • 如果選擇50%的百分位數和最近7天的時間範圍,那麼指標的值將收集到的數據從最近的一天中位數和百分比變化會改變,因為前7天。

  • 如果然後更改時間範圍最近24小時,然後度量的價值將收集到的數據從最近的小時和百分比變化將是自前24小時的變化。

您可以按度量值或特定度量的百分比變化對每個子選項卡中的跟踪列表進行排序。這可以幫助您快速識別應用中的潛在問題。

要查看所有特定跟踪的指標和數據,在痕跡表點擊跟踪名稱。此頁面的以下部分提供了更多詳細信息。

查看特定跟踪的更多數據

如果單擊跟踪表中的跟踪名稱,則可以單擊各個屏幕以瀏覽跟踪並深入了解感興趣的指標。在大多數頁面上,你可以使用過濾器按鈕(左上角屏幕)的屬性來過濾數據,例如:

按屬性過濾的 Firebase 性能監控數據的圖像
  • 通過網頁URL過濾,查看您網站的數據的特定頁面
  • 通過有效的連接類型過濾器,以了解如何3G連接影響您的應用程序
  • 國家篩選,以確保您的數據庫位置是不影響的特定區域

查看所有收集的跟踪指標

如果單擊跟踪表中的跟踪名稱,您將在指標卡上看到跟踪數據的概覽。

使用屏幕右上角的選項合計以上的時間來查看數據。

  • 網絡請求的痕跡-可用的指標卡的響應時間響應的負載量
  • 自定義代碼的痕跡-時間度量卡始終可用(這種類型的跟踪的默認度量)。如果您向自定義代碼跟踪添加了任何自定義指標,則還會顯示這些指標卡。
  • 頁面加載的痕跡-可用的指標卡包括第一漆第一contentful油漆首先輸入延遲,和DOM相關的事件。

查看有關數據的深入信息

如果你點擊查看更多任何指標卡上,您可以查看有關收集的數據更深入的信息,並使用更豐富的分析功能。例如,您可以按屬性過濾和分割數據。