欢迎参加我们将于 2022 年 10 月 18 日举办的 Firebase 峰会(线上线下同时进行),了解 Firebase 如何帮助您加快应用开发速度、满怀信心地发布应用并在之后需要时轻松地扩大应用规模。立即报名

在控制台中监控性能数据

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

要查看实时性能数据,请确保您的应用使用与实时数据处理兼容的性能监控 SDK 版本。了解有关实时性能数据的更多信息

跟踪仪表板中的关键指标

要了解关键指标的趋势,请将它们添加到性能仪表板顶部的指标板上。您可以通过查看每周更改来快速识别回归,或者验证您的代码中最近的更改是否正在提高性能。

Firebase 性能监控仪表板中的指标板图像

以下是您可以跟踪的一些示例趋势:

  • 当您的应用加载某些 JavaScript 文件时,首次输入延迟有所改进
  • 在切换到对资产使用 CDN 后,第一次内容绘制的时间减少
  • 由于您实现了缩略图的使用,网络请求的响应负载大小下降
  • 生态系统中断期间第三方 API 调用的网络响应时间增加

Firebase 项目的每个成员都可以配置自己的指标板。您可以跟踪对您很重要的指标,而其他项目成员可以在他们自己的板上跟踪完全不同的关键指标集。

要将指标添加到您的指标板,请执行以下步骤:

  1. 转到 Firebase 控制台中的性能信息中心
  2. 单击一个空的指标卡,然后选择一个现有指标添加到您的板上。
  3. 单击填充的指标卡上的以获取更多选项,例如替换或删除指标。

指标板以图形形式和数字百分比变化显示随时间收集的指标数据。

  • 每个指标卡显示指标值在选定时间范围内的百分比变化,以及指标最近收集的值。指标板顶部的声明是对百分比变化的解释。
  • 默认情况下,指标板显示指标的第 75 个百分位值,与Core Web Vitals一致。如果您想查看不同部分的用户如何体验您的应用,请从仪表板页面顶部的下拉列表中选择不同的百分位数。

红色、绿色和灰色是什么意思?

大多数指标都有所需的趋势方向,因此指标板使用颜色来显示指标数据是朝着好的还是坏的方向发展的解释。

例如,假设您正在跟踪页面的第一次输入延迟(应该很小的值)。如果此值增加,则指标板将指标的百分比变化显示为红色,提醒您注意可能存在的问题。但是,如果该值减少或不变,则指标板将分别以绿色或灰色显示百分比。

如果指标没有明显的所需趋势方向,例如网络请求的响应负载大小,则指标板始终以灰色显示指标的百分比变化,无论数据趋势如何。

实线和虚线是什么意思?

  • 深蓝色实线 — 指标随时间变化的值

  • 浅蓝色虚线 — 指标在过去特定时间的值
    例如,如果您选择显示过去 7 天的图表,并将鼠标悬停在 8 月 30 日,则浅蓝色虚线会告诉您 8 月 23 日的指标值。



查看痕迹及其数据

您可以在性能仪表板底部的跟踪表中查看应用程序的所有跟踪。该表将每种类型的跟踪分组在适当的子选项卡中。例如,所有网络请求跟踪都列在网络请求子选项卡下。

跟踪表显示每个跟踪的一些顶级指标的值,以及每个指标值的百分比变化。这些值是根据在仪表板选项卡顶部设置的百分位数和时间范围的选择来计算的。这里有些例子:

  • 如果您选择75%的百分位和Last 7 days的时间范围,则该指标的值将是从最近一天收集的数据的第 75 个百分位,百分比变化将是自 7 天前的变化。
  • 如果您随后将时间范围更改为Last 24 hours ,那么指标的值将是从最近一小时收集的数据的中位数,百分比变化将是自 24 小时前的变化。

您可以按指标值或特定指标的百分比变化对每个子选项卡中的跟踪列表进行排序。这可以帮助您快速识别应用程序中的潜在问题。

要查看特定跟踪的所有指标和数据,请单击跟踪表中的跟踪名称。本页的以下部分提供了更多详细信息。

查看特定跟踪的更多数据

性能监控在 Firebase 控制台中提供了一个故障排除页面,该页面突出显示了指标更改,从而可以轻松快速地解决并最大限度地减少性能问题对您的应用和用户的影响。当您了解潜在的性能问题时,您可以使用故障排除页面,例如,在以下情况下:

  • 您在仪表板上选择相关指标,您会注意到一个很大的增量。
  • 在跟踪表中,您排序以在顶部显示最大的增量,并且您会看到显着的百分比变化。
  • 您会收到一封电子邮件警报,通知您存在性能问题。

您可以通过以下方式访问故障排除页面:

  • 在指标仪表板上,单击查看指标详细信息按钮。
  • 在任何度量卡上,选择 => 查看详细信息。故障排除页面显示有关您选择的指标的信息。
  • 在跟踪表中,单击跟踪名称或与该跟踪关联的行中的任何度量值。
  • 在电子邮件警报中,单击立即调查

当您单击跟踪表中的跟踪名称时,您可以深入了解感兴趣的指标。点击过滤按钮,按属性过滤数据,例如:

按属性过滤的 Firebase 性能监控数据的图像
  • 页面 URL过滤以查看站点特定页面的数据
  • 有效连接类型过滤以了解 3g 连接如何影响您的应用
  • 国家/地区过滤以确保您的数据库位置不会影响特定区域

查看所有收集的跟踪指标

单击跟踪后,您可以深入了解感兴趣的指标:

  • 网络请求跟踪- 可用的指标选项卡是响应时间响应负载大小
  • 自定义代码跟踪-持续时间指标选项卡始终可用(此类跟踪的默认指标)。如果您将任何自定义指标添加到自定义代码跟踪,则还会显示这些指标选项卡。
  • 页面加载跟踪- 可用的指标选项卡包括first paintfirst contentful paintfirst input delay和 DOM 相关事件。
Firebase 性能监控分布图的图像

您可以在指标选项卡正下方找到所选指标的绩效摘要。这包括对指标随时间推移的趋势的一句话概述,以及用于可视化整个选定日期范围内的数据分布的图表。

查看有关数据的深入信息

您可以按属性过滤和细分数据,也可以单击以在应用程序使用会话的上下文中查看数据。

例如,要了解您最近的网络响应时间为何缓慢,以及某个国家/地区是否影响性能,请执行以下步骤:

  1. 从属性下拉列表中选择国家
  2. 在表格中,按最新值排序以查看对您的网络响应时间影响最大​​的国家/地区。
  3. 选择具有最大最新值的国家以将它们绘制在图表上。然后将光标悬停在图表中的时间线上,以了解这些国家/地区的网络响应时间何时变慢。
  4. 要进一步调查特定国家/地区网络响应时间问题的根本原因,请为这些国家/地区添加过滤器并继续调查其他属性(如无线电类型和设备)。