Web 性能控制面板和报告

优化在线商店的性能可以增强客户的购物体验、提高商店的可发现性以及提升转化率。Web 性能控制面板可帮助您了解商店基于加载速度、交互性和视觉稳定性(即 Core Web Vitals)等行业标准的性能。

在线商店性能可能受到多个因素的影响,例如以下因素:

  • 应用
  • 第三方库和服务
  • 分析库
  • 模板代码
  • 图片和视频的数量和大小

通过对在线商店进行战略性调整,您可以改进性能指标和等级。

详细了解在线商店性能的重要性

查看商店的 Web 性能控制面板

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

此报告显示您的店面基于 Core Web Vitals(加载速度、交互性和视觉稳定性)的性能。报告包含有关台式电脑和移动设备体验的信息、体验在指定性能排名榜中的排名情况,以及显示您执行的任何更改对店面体验的影响,例如应用安装、模板更新和新代码。

步骤:

Web 性能指标

Web 性能控制面板基于过去 28 天的真实用户数据,为您提供有关在线商店性能的洞察。它基于三个 Core Web Vitals 指标评估您的商店,并为每个指标分配等级“好”、“中”或“差”。此等级反映前 75% 的用户体验。

您可以使用页面顶部的下拉菜单查看不同设备的数据。从“移动”、“桌面”或“全部”(默认选项)中选择以自定义视图。

受指标的计算方式的影响,您对在线商店进行更改后,您的指标可能不会立即更改。如果您的商店是新商店或受密码保护,那么您可能没有指标。

加载速度

最大内容绘制 (LCP) 基于屏幕上最大元素的呈现速度来衡量加载速度。

下方是 LCP 的可用等级:

LCP 等级和指标
排名 目标指标 描述
小于或等于 2500 毫秒 大多数用户的页面加载速度较快。
大于 2500 毫秒且小于 4000 毫秒 部分用户的页面加载速度较快,仍有改进空间。
大于 4000 毫秒 大多数用户的页面加载速度较慢,应对此进行改进。

交互性

下次绘制交互 (INP) 衡量浏览器在用户交互(例如点击链接或按钮)后绘制下一个框架或在屏幕上显示更改所花的时间。

下方是 INP 的可用等级:

INP 等级和指标
排名 目标指标 描述
小于或等于 200 毫秒 大多数用户可获得较好的页面响应体验。
大于 200 毫秒且小于 500 毫秒 部分用户可获得较好的页面响应体验,仍有改进空间。
大于 500 毫秒 大多数用户的页面响应速度较慢,这将令人失望,应进行改进。

视觉稳定性

累积布局偏移 (CLS) 基于内容在加载期间的意外移动程度来衡量视觉稳定性。

下方是 CLS 的可用等级:

CLS 等级和指标
排名 目标指标 描述
小于或等于 0.1 加载页面时,大多数用户可获得稳定的布局体验。
大于 0.1 且小于 0.25 加载页面时,部分用户可获得稳定的布局体验,仍有改进空间。
大于或等于 0.25 加载页面时,大多数用户都会遇到布局不稳定的问题,这可能会使用户感到懊恼,应进行改进。

按时间段显示 Web 性能

您可以在 Web 性能控制面板中查看网站的按时间段显示的 Web 性能,以了解三项 Core Web Vital。

曲线图显示对在线商店所做的更改(例如应用安装、模板更新和新代码)对每项 Core Web Vital 指标的影响。您可以调整各种筛选条件,例如时间范围、日期分组和设备类型,以最好地反映网站的流量。

可用的筛选条件如下:

  • 设备类型:移动设备、台式电脑或两者(默认)
  • 日期范围:过去 30 天(默认)、过去 60 天、过去 90 天
  • 时间范围分组:每日、每周(默认)、每月

如果您的网站流量较少,则显示的波动可能会更大。如果您发现显著波动,请考虑切换到每周或每月筛选条件。

条形图显示每个性能类别中的页面访问次数:好、中或差。请记住,部分因素不可控制,例如客户的设备、网络和所在地点。世界各地的客户使用不同的设备和 Internet 连接来访问您的商店,这意味着您商店的加载速度可能较快也可能较慢,具体取决于这些因素。只要整体指标等级为“好”,即使某些客户属于“中”或“差”类别,也无需过于担心。

常见问题解答

Shopify 为何删除 Google Lighthouse 速度评分?

Google Lighthouse 使用模拟环境来进行速度评分。它适用于获取快速快照,但不能反映真实用户体验。Google 现在优先基于 Core Web Vitals 进行 SEO 排名。从 Google 了解更多信息

为什么我没有评分?

以下是您的 Core Web Vitals 没有评分的一些可能原因:

  • 您的商店受密码保护:如果您的在线商店受密码保护,那么您将没有生成 Core Web Vitals 所需的真实用户流量。您需要删除密码页面,以便用户能够访问您的网站。
  • 您还没有流量:您的在线商店可能没有任何页面浏览量,因此无法生成真实用户指标。如果您还没有流量,则可以使用模拟数据来执行免费的性能分析,例如 PageSpeed Insights

为什么我有流量但没有 Core Web Vital 评分?

Core Web Vitals 是一种 Google 产品,目前仅适用于基于 Chromium 的浏览器。新式浏览器(例如 Safari 和 Safari iOS)基于类似的技术构建,因此 Core Web Vitals 仍可准确体现您的网站提供的用户体验。

为什么我的一些指标有评分但其他指标没有评分?

每个指标可衡量性能和用户交互的不同方面。例如,最大内容绘制衡量页面加载情况,而首次输入延迟衡量与按钮或链接的交互情况。如果没有与按钮或链接的交互,则 FID 指标可能没有评分。

为什么我的一个评分发生了变化?

评分可能会因流量或在线商店的更改而有所波动。如果由于流量低而产生较大波动,请尝试更换为每周或每月筛选条件。

当您对在线商店进行更改时,您的评分也会发生变化。例如,您可能已导入了多个新产品、创建了多个新产品系列、更改了模板或引入了新的应用。了解可能会影响在线商店性能的因素。

如何提高评分或排名?

若要了解如何提高在线商店性能,请访问 “提高在线商店性能”

为什么 Web 性能控制面板上的评分不同于其他工具的评分?

由于以下因素,Web 性能控制面板上的评分可能不同于其他工具的评分:

  • Web 性能控制面板中的数据基于 UTC 标准,可能与其他平台的时区不同。
  • Web 性能控制面板以不同的方式收集数据,即从所有 Chromium 浏览器(Chrome、Opera、Edge、三星 Internet)和 Firefox 收集更广泛的数据集。而 Google 的 PageSpeed Insights 等工具会针对选择加入的 Chrome 浏览器使用 CrUX 报告。详细了解 CrUX 数据

首次输入延迟 (FID) 相关动态

2023 年,Google 公布下次绘制交互 (INP) 将取代 Core Web Vitals 中的首次输入延迟 (FID)。FID 仅衡量第一次用户交互。INP 可衡量更多交互,并更好地呈现用户在交互中经历的延迟。若要了解详情,请参阅公布 INP 为下一个 Core Web Vital

准备好开始使用 Shopify 进行销售了吗?

免费试用