Web 性能报告

优化在线商店的性能可以提升客户的购物体验、提高商店的可发现性并提高转化率。您的 Web 性能报告可帮助您了解您的商店在加载速度、交互性和视觉稳定性(称为“核心网页指标”)这些行业标准方面的表现如何。

这些报告显示您的在线店面在核心网页指标(加载速度、交互性和视觉稳定性)方面的表现。报告中包含有关台式设备和移动设备体验、指定性能排名内的体验分布情况的信息,并显示您所做的任何更改(例如应用安装、模板更新和新代码)对您的在线店面体验有何影响。

由于跟踪和计算过程,此报告中的数据最多可能延迟 36 小时。仅提供过去 90 天的 Web 性能数据。

详细了解如何衡量 Web 性能

查看商店的 Web 性能数据

若要查看商店的 Web 性能报告,您需要拥有报告员工权限。若要获取填充了真实用户指标 (RUM) 的控制面板,您必须移除在线商店的密码保护

您可以从模板页面上的性能指标摘要访问 Web 性能随时间变化的报告,也可以从 Shopify 后台的报告列表中访问所有 Web 性能报告。

查看性能指标摘要

性能指标摘要显示在 Shopify 后台的模板页面上,可为您简要汇总商店的 3 项核心网页指标随时间变化的情况。详细了解性能指标摘要

步骤:

  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 可选:使用 日历图标 日期选择器以显示所选日期范围中的数据。您可以在今天过去 7 天过去 30 天之间进行选择。

  3. 可选:使用性能指标摘要访问报告:

查看 Web 性能报告

Shopify 后台的报告列表中提供了多个 Web 性能报告。您可以使用配置面板或 ShopifyQL 查询编辑器自定义这些报告以显示所需数据。

详细了解如何使用 Shopify 报告

步骤:

  1. 在 Shopify 后台中,转至分析 > 报告

  2. 搜索报告字段中,搜索您想直接访问的报告:

    • 若要显示所有 Web 性能报告,请使用冒号 : 进行搜索。
    • 若要显示有关“最大内容绘制”的报告,请使用关键字 contentful 进行搜索。
    • 若要显示有关“下次绘制交互”的报告,请使用关键字 next 进行搜索。
    • 若要显示有关“累积布局偏移”的报告,请使用关键字 cumulative 进行搜索。
  3. 点击您要打开的报告的名称。

Web 性能指标摘要

Web 性能指标摘要根据过去 30 天的真实用户数据,为您提供有关在线商店性能的洞察。它会根据 3 项核心网页指标评估您的商店,并为每个指标分配良好中等的排名。此排名反映了前 75% 的用户体验。

性能指标摘要示例,显示控制面板以及一些示例数据和排名。

Web 性能指标摘要包括以下信息:

  • 您商店的最大内容绘制 (LCP) 排名,该排名根据屏幕上最大元素变为可见的速度来衡量加载速度。
  • 您商店的下次绘制交互 (INP) 排名,该排名根据在用户交互(例如点击链接或按钮)后浏览器绘制下一帧或在屏幕上显示更改所用的时间来衡量交互性。
  • 您商店的累积布局偏移 (CLS) 排名,该排名根据在页面中导航时内容意外移动的程度来衡量视觉稳定性。
  • 您商店的在线访客访问(按设备类型划分)。

以下是 Web 性能指标摘要中 3 项核心网页指标的可用排名:

列出 3 项核心网页指标的目标指标及其描述的表。
核心网页指标排名目标指标描述
最大内容绘制 (LCP)良好小于或等于 2500 ms大多数用户体验到快速的页面加载。
中等大于 2500 ms 且小于 4000 ms一些用户体验到快速的页面加载,但仍有改进空间。
大于 4000 毫秒大多数用户会遇到页面加载缓慢的情况。此项指标需要改进。
下次交互响应 (INP)良好小于或等于 200 毫秒大多数用户在页面上都能体验到良好的响应能力。
中等大于 200 毫秒且小于 500 毫秒部分用户在页面上能体验到良好的响应能力,但仍有改进空间。
大于 500 毫秒大多数用户在页面上会遇到响应缓慢的情况,这会令用户感到沮丧,应予以改进。
累积布局偏移 (CLS)良好小于或等于 0.1大多数用户在页面加载时都能体验到稳定的布局。
中等大于 0.1 且小于 0.25部分用户在页面加载时能体验到稳定的布局,但仍有改进空间。
大于或等于 0.25大多数用户在页面加载时会遇到布局不稳定的情况,这可能会让用户感到烦恼,应予以改进。

如果您的任何指标的评级为中等较差,则应考虑使用网站绩效报表来确定可能导致问题的原因,并采取措施解决问题。

网站绩效随时间变化的报表

您可以从 网站绩效报表中查看您的网站在一段时间内 3 项核心网页指标的绩效:

默认情况下,数据以毫秒为单位显示相关核心网页指标的第 75 百分位数值,但您可以使用报表的 配置面板 自定义报表以满足您的需求。您还可以调整各种维度筛选条件,例如时间范围、日期分组和设备类型,以最好地反映您网站的流量情况。详细了解如何自定义报表

折线图直观地显示了对在线商店所做的更改(例如应用安装、模板更新和新代码)如何随时间推移影响核心网页指标。此图表包含以下额外元素:

  • 在选定日期范围内计算的网站绩效摘要分数。
  • 事件注释标记,在图表中以带编号的垂直线表示,您可以将鼠标悬停在其上方以查看有关可能影响网站绩效的商店潜在更改的更多信息。
  • 网站绩效分数阈值,在图表中以水平线表示,用于指示良好中等较差结果之间的阈值。

数据表的分布指标列中的条形图显示了归入各个绩效类别(良好(绿色)、中等(黄色)或较差(红色))的页面访问量。

按页面 URL 划分的网站绩效报表

您可以从 网站绩效报表 中按各个页面 URL 查看您的网站的 3 项核心网页指标的绩效:

默认情况下,数据以毫秒为单位显示相关核心网页指标的第 75 百分位数值,但您可以使用报表的 配置面板 自定义报表以满足您的需求。您还可以调整各种维度筛选条件,例如时间范围、日期分组和设备类型,以最好地反映您网站的流量情况。详细了解如何自定义报表

这些报表不含图表,仅显示数据表。默认情况下,表中的主要维度是页面路径。分布指标列中的条形图显示了归入各个绩效类别(良好(绿色)、中等(黄色)或较差(红色))的页面访问量。

按页面类型划分的网站绩效报表

您可以从 网站绩效报表 中按页面类型查看您的网站的 3 项核心网页指标的绩效:

默认情况下,数据以毫秒为单位显示相关核心网页指标的第 75 百分位数值,但您可以使用报表的 配置面板 自定义报表以满足您的需求。您还可以调整各种维度筛选条件,例如时间范围、日期分组和设备类型,以最好地反映您网站的流量情况。详细了解如何自定义报表

这些报表不含图表,仅显示数据表。默认情况下,表中的主要维度是页面类型。分布指标列中的条形图显示了归入各个绩效类别(良好(绿色)、中等(黄色)或较差(红色))的页面访问量。

使用网站绩效报表

在您的网站绩效指标摘要有足够的数据来显示核心网页指标的分数后,您可以使用绩效报表来缩小可能影响您网站绩效分数的潜在问题范围。当您确定了可能影响网站绩效的页面或元素后,您就可以就优化商店的位置和方式做出明智的决策。

请记住,某些因素是您无法控制的,例如客户的设备、网络和地点。世界各地的客户使用不同的设备和互联网连接来访问您的商店,这意味着您的商店对他们来说加载速度可能会更快或更慢,具体取决于这些因素。只要总体指标良好,就无需过多担心某些日期或页面归入中等或较差类别。

您可以按照以下常规步骤来调查网站绩效优化的机会:

  1. 查看绩效指标摘要,大致了解哪些核心网页指标分数可能需要优化。
  2. 对于特定的核心网页指标,请使用 3 个相关报表进一步深入研究您商店的数据:
    • 使用随时间变化报表来调查对特定分数的影响可能在何时发生。
    • 使用页面类型报表来调查某些页面模板是否表明对网站绩效存在影响。
    • 使用页面 URL 报表来调查特定页面是否表明对网站绩效存在影响。
  3. 在确定了对您的网站性能产生影响的时间段、页面和元素后,您便可以更有信心地着手提高 Core Web Vital 分数,并明确可能导致该问题的具体原因。

要了解如何提高在线商店性能,请参阅 提高您的在线商店性能