获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

在控制台中监控性能数据

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

在仪表板中跟踪关键指标

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

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

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

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

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

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

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

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

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

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

大多数指标都有一个理想的趋势方向,因此指标板使用颜色来显示对指标数据趋势是好的还是坏的方向的解释。

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

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

实线和虚线是什么意思?

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

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



查看痕迹及其数据

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

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

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

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

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

查看特定轨迹的更多数据

Performance Monitoring 在 Firebase 控制台中提供了一个故障排除页面,其中突出显示了指标变化,使您可以轻松快速地解决性能问题并将其对您的应用和用户的影响降至最低。当您了解潜在的性能问题时,例如在以下情况下,您可以使用故障排除页面:

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

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

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

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

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

查看跟踪的所有收集指标

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

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

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

查看有关数据的深入信息

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

例如,要了解您最近的网络响应时间缓慢的原因,以及是否某个国家/地区正在影响性能,请按照以下步骤操作:

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