Google 致力于为黑人社区推动种族平等。查看具体举措
此页面由 Cloud Translation API 翻译。
Switch to English

了解有关网页加载效果数据(网络应用程序)的信息

性能监控使用跟踪来收集有关应用程序中受监控进程的数据。跟踪是一个报告,其中包含在应用程序的两个时间点之间捕获的数据。

对于Web应用程序,Performance Monitoring会自动为应用程序的每个页面收集一个跟踪,称为页面加载跟踪。每个页面加载跟踪都会收集以下默认指标:

  • 首次绘制—一种度量标准,用于度量用户导航到页面与发生任何视觉变化之间的时间

  • 首个内容丰富的绘画—一种度量标准,用于度量用户导航到页面与显示有意义的内容(例如图像或文本)之间的时间

  • domInteractive —度量标准,用于度量用户导航到页面与用户认为页面互动之间的时间

  • domContentLoadedEventEnd —一个度量标准,用于度量从用户导航到页面到完全加载和解析初始HTML文档之间的时间

  • loadEventEnd —一种度量标准,用于度量用户导航到页面与当前文档的加载事件完成之间的时间

  • 首次输入延迟-一种度量标准,用于度量用户与页面互动到浏览器能够响应该输入之间的时间

从Firebase控制台的“在设备上”选项卡中的页面加载跟踪中查看数据(在此页面的后面了解更多信息)。

页面加载跟踪的定义

此跟踪度量有关应用程序中页面加载方式的多个指标,特别是达到常见加载点(例如响应式应用程序)所需的时间。

页面加载跟踪可帮助您跟踪应用程序的核心Web生命周期,例如第一个内容丰富的绘画。

为页面加载跟踪收集的指标

这些跟踪是开箱即用的跟踪,因此您不能向它们添加自定义指标或自定义属性。

第一次油漆

此度量标准度量从用户导航到页面到发生任何视觉更改之间的时间。

此度量标准非常有用,因为第一次绘制会向您的用户发送信号,表明页面已开始加载。

  • 当用户导航到页面时开始。

  • 当发生任何视觉变化(包括背景颜色变化或标题加载)时停止。

首个满意的涂料

此度量标准度量从用户导航到页面到显示有意义的内容(例如图像或文本)之间的时间。

此指标可帮助您洞悉用户很快就会看到您应用的任何实际内容,而不仅仅是新的背景颜色或标题。

  • 当用户导航到页面时开始。

  • 浏览器从DOM渲染第一个内容(包括任何文本,图像(包括背景图像),非白色画布或SVG)后立即停止。

dom互动

此度量标准度量从用户导航到页面到页面被认为对用户而言交互式的时间。

此指标有助于深入了解用户可以在多长时间内与应用程序中的元素进行实际交互,例如按钮和超链接,而不仅仅是在屏幕上看到它们。请注意,这并不意味着浏览器将响应交互(有关该指标,请参阅第一个输入延迟跟踪)。

  • 当用户导航到页面时开始。

  • 在用户代理将当前HTML文档的就绪状态设置为“交互式”之前立即停止。

domContentLoadedEventEnd

此度量标准度量从用户导航到页面到完全加载和解析初始HTML文档之间的时间。

  • 当用户导航到页面时开始。

  • 在完全加载并解析了初始HTML文档( DOMContentLoaded )之后,立即停止,但这并不意味着样式表,图像和子帧已完成加载。

loadEventEnd

此度量标准度量从用户导航到页面到当前文档的加载事件完成之间的时间。

此指标有助于洞悉加载所有内容(包括样式表和图像)所花费的时间。

  • 当用户导航到页面时开始。

  • 当前HTML文档的加载事件完成后立即停止。

第一次输入延迟

此度量标准衡量用户与页面交互到浏览器能够响应该输入之间的时间。

该指标非常有用,因为浏览器对用户交互的响应会给您的用户有关应用程序响应性的第一印象。

  • 在用户首次与页面上的元素进行交互(例如单击按钮或超链接)时开始。

  • 浏览器能够响应输入后立即停止,这意味着浏览器不忙于加载或解析您的内容。

请注意,要测量第一个输入延迟度量,您需要为此度量添加polyfill库。有关安装说明,请参阅库的文档

跟踪,查看和过滤性能数据

要查看实时性能数据,请确保您的应用使用与实时数据处理兼容的Performance Monitoring SDK版本。了解更多

跟踪仪表板中的关键指标

将关键指标添加到仪表板,以了解它们的趋势。您可以通过查看每周的更改来快速确定回归,或者验证代码中的最新更改正在改善性能。

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

要将指标添加到仪表板,请转到Firebase控制台中的“性能”仪表板,然后单击“仪表板”选项卡。单击一个空的指标卡,然后选择一个现有指标以添加到仪表板。单击填充的度量标准卡上的以获取更多选项,例如替换或删除度量标准。

仪表板以图形形式和数值百分比形式显示随时间推移收集的度量标准数据。

了解有关使用仪表板的更多信息

查看所有迹线及其数据

要查看这些跟踪,请转到Firebase控制台中的“性能”仪表板,然后单击“在设备上”选项卡。

在“设备上”选项卡中,您可以单击各个屏幕以浏览跟踪并深入研究感兴趣的指标。在大多数页面上,可以使用“过滤器按钮(屏幕的左上角)按属性过滤数据,例如:

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

了解有关查看跟踪数据的更多信息。

下一步