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。