Web 性能控制面板和报告
优化在线商店的性能可以增强客户的购物体验、提高商店的可发现性以及提升转化率。Web 性能控制面板可帮助您了解商店基于加载速度、交互性和视觉稳定性(即 Core Web Vitals)等行业标准的性能。
在线商店性能可能受到多个因素的影响,例如以下因素:
- 应用
- 第三方库和服务
- 分析库
- 模板代码
- 图片和视频的数量和大小
通过对在线商店进行战略性调整,您可以改进性能指标和等级。
详细了解在线商店性能的重要性。
查看商店的 Web 性能控制面板
若要查看商店的 Web 性能控制面板,您需要拥有“报告”员工权限。若要使用真实用户指标 (RUM) 填充控制面板,您必须删除在线商店的密码保护。
此报告显示您的店面基于 Core Web Vitals(加载速度、交互性和视觉稳定性)的性能。报告包含有关台式电脑和移动设备体验的信息、体验在指定性能排名榜中的排名情况,以及显示您执行的任何更改对店面体验的影响,例如应用安装、模板更新和新代码。
步骤:
- 在 Shopify 后台中,转至在线商店 > 模板。
- 点击屏幕顶部横幅中的加载速度、交互性或视觉稳定性。
- 在 Shopify 后台中,点击 ... 按钮,然后点击在线商店。
- 点击管理所有模板。
- 点击屏幕顶部横幅中的加载速度、交互性或视觉稳定性。
- 在 Shopify 后台中,点击 ... 按钮,然后点击在线商店。
- 点击管理所有模板。
- 点击屏幕顶部横幅中的加载速度、交互性或视觉稳定性。
Web 性能指标
Web 性能控制面板基于过去 28 天的真实用户数据,为您提供有关在线商店性能的洞察。它基于三个 Core Web Vitals 指标评估您的商店,并为每个指标分配等级“好”、“中”或“差”。此等级反映前 75% 的用户体验。
您可以使用页面顶部的下拉菜单查看不同设备的数据。从“移动”、“桌面”或“全部”(默认选项)中选择以自定义视图。
受指标的计算方式的影响,您对在线商店进行更改后,您的指标可能不会立即更改。如果您的商店是新商店或受密码保护,那么您可能没有指标。
加载速度
最大内容绘制 (LCP) 基于屏幕上最大元素的呈现速度来衡量加载速度。
下方是 LCP 的可用等级:
排名 | 目标指标 | 描述 |
---|---|---|
优 | 小于或等于 2500 毫秒 | 大多数用户的页面加载速度较快。 |
中 | 大于 2500 毫秒且小于 4000 毫秒 | 部分用户的页面加载速度较快,仍有改进空间。 |
差 | 大于 4000 毫秒 | 大多数用户的页面加载速度较慢,应对此进行改进。 |
交互性
下次绘制交互 (INP) 衡量浏览器在用户交互(例如点击链接或按钮)后绘制下一个框架或在屏幕上显示更改所花的时间。
下方是 INP 的可用等级:
排名 | 目标指标 | 描述 |
---|---|---|
优 | 小于或等于 200 毫秒 | 大多数用户可获得较好的页面响应体验。 |
中 | 大于 200 毫秒且小于 500 毫秒 | 部分用户可获得较好的页面响应体验,仍有改进空间。 |
差 | 大于 500 毫秒 | 大多数用户的页面响应速度较慢,这将令人失望,应进行改进。 |
视觉稳定性
累积布局偏移 (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 速度评分?
- 为什么我没有评分?
- 为什么我有流量但没有 Core Web Vital 评分?
- 为什么我的一些指标有评分但其他指标没有评分?
- 为什么我的一个评分发生了变化?
- 如何提高评分或排名?
- 为什么 Web 性能控制面板上的评分不同于其他工具的评分?
- 首次输入延迟 (FID) 相关动态
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。