在线商店 Web 性能

在线商店 Web 性能控制面板可衡量加载速度、交互性和视觉稳定性。这些度量值可帮助您了解您网站提供的访客体验,从页面首次加载速度到可能由弹窗内容导致的布局偏移。

与本节相关的主题

如何衡量 Web 性能?

Web 性能由名为 Core Web Vitals 的关键指标进行衡量。

Core Web Vitals 包括以下性能衡量指标:

  • 最大内容绘制 (LCP):基于最大元素或主要内容向访客呈现的速度来衡量加载速度。如果主要内容在页面开始加载起 2.5 秒内加载,即可获得 LCP 评分“好”。
  • 下次绘制交互 (INP):基于页面对大多数用户操作的响应时间来衡量交互性。例如,用户操作,如点击链接或按钮。当页面快速交互时,INP 低于 200 毫秒即被视为获得性能评分“好”。
  • 累积布局偏移 (CLS):基于内容在加载期间的意外移动程度来衡量视觉稳定性。CLS 分数低于 0.1 即被视为性能“好”。

除了 Core Web Vitals 外,Google 还评估其他因素,例如移动兼容性、安全浏览、HTTPS 安全性和没有干扰插页,干扰插页页面元素会妨碍完整展示内容,例如促销弹窗或年龄验证。这些因素可共同帮助评估网页的性能和用户体验。

为什么 Web 性能很重要?

在线商店的性能会影响客户的购物体验、转化率和商店的可发现性。

体验和转化率

当您的在线商店快速加载且交互顺畅时,无论访客使用什么设备或连接速度如何,商店都能为所有访客提供良好的体验。如果网站速度缓慢或难以导航,这样访客很有可能在购买前离开。通过改进商店的 Web 性能,您可以增强用户体验并提高转化率

可发现性

Google 等搜索引擎将页面速度用作排名因素。如果您的在线商店页面在 Core Web Vitals 方面性能不佳,那么即使您的商店在其他方面进行了搜索引擎优化,页面排名也可能较低。通过提高 Web 性能,您可以提高商店在搜索中获得较高排名的机会以及增加业务曝光率。

在线商店功能与 Web 性能

在线商店由一组功能组成,例如模板代码、应用、图片、视频、轮播、社交媒体源和分析。这些功能可以增强访客体验并扩展网站的功能。

但是,您添加到在线商店的每个功能都可能影响商店的 Core Web Vitals。某些功能可能会减慢您的网站速度或产生可能影响用户体验的意外行为。

考虑向商店添加功能时,您应权衡该功能的益处与其对 Core Web Vitals 的影响。您可能需要在用户体验和 Web 性能之间找到平衡。

在考虑商店的功能时,请问自己以下问题:

  • 哪些因素可以帮助客户做出从商店购买的决定?

    • 例如,考虑您的客户是更喜欢包含指向详细产品页面的链接的简单主页,还是可以快速查看和购买产品的更强大的主页。
  • 页面顶部应提供哪些功能来提高转化率?

    • 例如,品牌元素、配图和结账购物车都是会影响性能、但可提高转化率的功能。
  • 当客户向下滚动页面时,哪些功能可以稍后加载?

    • 例如,当客户访问您的商店时,无需立即加载分析和产品评论。您可能需要咨询您的模板或应用开发者,以了解某项功能是否会立即加载。

了解您的 Web 性能控制面板

您可以通过查看 Web 性能控制面板来了解商店在 Core Web Vitals 方面的性能。此控制面板将显示您商店的所有三个 Core Web Vitals 指标的等级,并提供可操作洞察以帮助改进。

您还可以浏览影响 Web 性能的因素以及如何处理这些因素。

与本节相关的主题

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

免费试用