要查看實時性能數據,請確保您的應用使用與實時數據處理兼容的性能監控 SDK 版本。了解有關實時性能數據的更多信息。
在儀表板中跟踪關鍵指標
要了解您的關鍵指標的趨勢,請將它們添加到績效儀表板頂部的指標板。您可以通過查看每週的更改或驗證代碼中最近的更改是否正在提高性能來快速識別回歸。

以下是您可以跟踪的一些示例趨勢:
- 當您的應用程序加載某些 JavaScript 文件時,首次輸入延遲有所改進
- 切換為對資產使用 CDN 後首次內容繪製的時間減少
- 自您實施縮略圖的使用以來,網絡請求的響應負載大小有所下降
- 生態系統中斷期間第三方 API 調用的網絡響應時間增加
Firebase 項目的每個成員都可以配置自己的指標板。您可以跟踪對您重要的指標,而其他項目成員可以在他們自己的看板上跟踪完全不同的關鍵指標集。
要將指標添加到指標板,請執行以下步驟:
- 轉到 Firebase 控制台中的性能儀表板。
- 單擊一個空的指標卡,然後選擇一個現有指標以添加到您的看板。
- 單擊填充的指標卡上的 以獲得更多選項,例如替換或刪除指標。
指標板以圖形形式和數字百分比變化顯示隨時間收集的指標數據。
- 每個指標卡顯示指標值在選定時間範圍內的百分比變化,以及指標最近收集的值。指標板頂部的聲明是對百分比變化的解釋。
- 默認情況下,指標板顯示指標的第 75 個百分位值,與Core Web Vitals對齊。如果您想查看用戶的不同部分如何體驗您的應用程序,請從儀表板頁面頂部的下拉列表中選擇不同的百分位數。
紅色、綠色和灰色是什麼意思?
大多數指標都有一個理想的趨勢方向,因此指標板使用顏色來顯示對指標數據趨勢是好的還是壞的方向的解釋。
例如,假設您正在跟踪頁面的第一個輸入延遲(一個應該很小的值)。如果此值正在增加,則指標板會以紅色顯示指標的百分比變化,提醒人們注意可能存在的問題。但是,如果該值正在減少或不變,則指標板會分別以綠色或灰色顯示百分比。
如果指標沒有明顯的所需趨勢方向,例如網絡請求的響應負載大小,則指標板始終以灰色顯示指標的百分比變化,無論數據趨勢如何。
實線和虛線是什麼意思?
深藍色實線——隨時間變化的指標值
淺藍色虛線——過去特定時間的指標值
例如,如果您選擇顯示過去 7 天的圖表,並將鼠標懸停在 8 月 30 日上方,則淺藍色虛線會告訴您該指標在 8 月 23 日的值。
查看痕跡及其數據
您可以在性能儀表板底部的跟踪表中查看應用的所有跟踪。該表將每種類型的跟踪分組在適當的子選項卡中。例如,所有網絡請求跟踪都列在網絡請求子選項卡下。
跟踪表顯示每個跟踪的一些頂級指標的值,以及每個指標值的百分比變化。這些值是根據“儀表板”選項卡頂部設置的百分位和時間範圍的選擇計算得出的。這裡有些例子:
- 如果您選擇75%的百分位數和過去 7 天的時間範圍,則指標的值將是最近一天收集的數據的第 75 個百分位數,百分比變化將是自 7 天前以來的變化。
- 如果您隨後將時間範圍更改為Last 24 hours ,則指標的值將是最近一小時收集的數據的中值,百分比變化將是自 24 小時前的變化。
您可以按指標值或特定指標的百分比變化對每個子選項卡中的跟踪列表進行排序。這可以幫助您快速識別應用中的潛在問題。
要查看特定跟踪的所有指標和數據,請單擊跟踪表中的跟踪名稱。本頁的以下部分提供了更多詳細信息。
查看特定軌蹟的更多數據
Performance Monitoring 在 Firebase 控制台中提供了一個故障排除頁面,其中突出顯示了指標變化,使您可以輕鬆快速地解決性能問題並將其對您的應用和用戶的影響降至最低。當您了解潛在的性能問題時,例如在以下情況下,您可以使用故障排除頁面:
- 您在儀表板上選擇相關指標,您會注意到一個大的增量。
- 在跟踪表中,您排序以在頂部顯示最大的增量,並且您會看到顯著的百分比變化。
- 您會收到一封電子郵件警報,通知您存在性能問題。
您可以通過以下方式訪問故障排除頁面:
- 在指標儀表板上,單擊查看指標詳細信息按鈕。
- 在任何指標卡上,選擇 => View details 。故障排除頁面顯示有關您選擇的指標的信息。
- 在跟踪表中,單擊跟踪名稱或與該跟踪關聯的行中的任何指標值。
- 在電子郵件警報中,單擊立即調查。
當您單擊跟踪表中的跟踪名稱時,您可以深入了解感興趣的指標。單擊Filter
按鈕以按屬性過濾數據,例如:
- 按頁面 URL過濾以查看您網站特定頁面的數據
- 按有效連接類型過濾以了解 3g 連接如何影響您的應用
- 按國家/地區過濾以確保您的數據庫位置不影響特定區域
查看跟踪的所有收集指標
單擊跟踪後,您可以深入了解感興趣的指標:
- 網絡請求跟踪——可用的指標選項卡是響應時間和響應負載大小。
- 自定義代碼跟踪— Duration指標選項卡始終可用(此類跟踪的默認指標)。如果您將任何自定義指標添加到自定義代碼跟踪,這些指標選項卡也會顯示。
- 頁面加載軌跡——可用的指標選項卡包括first paint 、 first contentful paint 、 first input delay和與 DOM 相關的事件。

您可以在指標選項卡下方找到所選指標的績效摘要。這包括對指標隨時間變化趨勢的一句話概述,以及一個可視化整個選定日期範圍內數據分佈的圖表。
查看有關數據的深入信息
您可以按屬性篩选和細分數據,也可以單擊以在應用程序使用會話的上下文中查看數據。
例如,要了解您最近的網絡響應時間緩慢的原因,以及是否某個國家/地區正在影響性能,請按照以下步驟操作:
- 從屬性下拉列表中選擇國家/地區。
- 在表中,按最新值排序以查看對您的網絡響應時間影響最大的國家/地區。
- 選擇具有最大最新值的國家/地區將它們繪製在圖表上。然後將光標懸停在圖表中的時間線上,了解這些國家/地區的網絡響應時間何時變慢。
- 要進一步調查特定國家/地區網絡響應時間問題的根本原因,請為這些國家/地區添加過濾器並繼續調查其他屬性(如無線電類型和設備)。