提高您的在线商店速度

有多个因素会影响您的在线商店速度,您可以控制其中一些因素。

如果您不知道自己的在线商店今天的运行速度有多快,您可以查看您的在线商店速度报告。

您无法控制的因素

客户的设备、网络和位置

访问您商店的客户遍布全球各地,并且其设备和 Internet 连接各不相同。这意味着商店的加载速度可能因这些因素而加快或减慢。

如果客户因您商店的速度问题与您联系,请让您的客户检查他们是否使用的是最新版本的浏览器、最近是否清除了缓存,以及他们的互联网服务提供商是否没有遇到任何服务中断或性能下降的问题。

Shopify 基础设施

Shopify 在快速全球服务器上托管在线商店,并且不限制商店的带宽。您可以在 Shopify 状态中查看 Shopify 商店的状态。

以下是一些会影响在线商店速度的功能。

内容分发网络 (CDN)

CDN 代表内容分发网络。Shopify 通过 Fastly 为商家提供世界一流的 CDN 运行,确保您的在线商店在全球范围内都可快速加载。您可以在 Fastly 状态页面上查看 CDN 状态。

本地浏览器缓存

您的商店会在客户的本地存储中暂时缓存或保存一些元素。当客户下次访问您的在线商店时,浏览器可以从缓存中加载资源,而不必向服务器发送其他请求。

Shopify 将商店中可缓存资源的浏览器缓存设置为每个文件一年。可缓存的文件包括图片文件、PDF、JS 文件和 CSS 文件。

服务器端页面缓存

除了本地浏览器缓存外,Shopify 还在服务器端缓存页面。第一次加载页面时,可能速度较慢,但以后页面加载速度会加快,因为客户将接收缓存的副本。

content_for_header Liquid 标签中的资产

{% content_for_header %} Liquid 标签可注入多种在线商店功能所使用的资产,包括性能分析功能和动态结账按钮等可选功能。加载此标签和相关资产会影响商店的速度。Shopify 正在优化该标签及其资产,以便加快速度。

您可以控制的因素

下面列出了一些可能影响在线商店速度的因素,以及您可以如何处理这些因素。

拓展业务:如果您不熟悉以下任何步骤,则可以聘请 Shopify 专家来帮助您。

应用

当您添加应用以更改在线商店的功能或外观时,这些应用会在模板中添加代码,这样它们才能运行。可以删除某些代码或将其重新排序,以提高在线商店的性能。您可以删除没有使用的应用。

如果您认为某个应用正在减慢您商店的速度,请执行以下步骤:

备注:仅在后台运行的应用(例如 Shopify 本地配送应用)不会影响在线商店的速度。

模板

模板由 Liquid、HTML、CSS 和 JavaScript 代码组成。编辑或自定义模板时,文件大小可能会增大,并影响商店速度。

如果您认为模板中的某些内容正在减慢商店的速度,请执行以下步骤:

模板或应用功能

某些功能(启用后)也可能也会影响商店速度。例如,当产品系列页面加载时,某些快速视图弹出窗口会预加载每个产品页面中的信息。加载客户不使用的额外数据可能会影响商店速度而不会增加价值。

如果您认为某项功能正在减慢您商店的速度,可以执行以下步骤:

复杂或效率低下的 Liquid 代码

您可以编辑用于呈现商店的几乎所有 Liquid。编写 Liquid 代码的方法可能非常高效,也可能效率低下。重复执行复杂操作可能会增加 Liquid 呈现时间,从而影响整体商店速度。

例如,如果您想按价格对产品系列中的产品排序,则应在将产品逐一添加至产品系列前完成此操作,而不应将其作为循环代码的一部分。这是因为全部产品的排序不会因单独添加的产品而更改,而计算产品顺序会增加请求处理时间。

如果您担心您的代码未经过优化,则可执行以下步骤:

图片和视频

过大的图片和视图中隐藏的图片可能会对加载页面中其他更重要的部分造成干扰。如果用户必须等待加载大型图片,他们可能会认为您的商店速度缓慢。

Shopify 添加了一些安全措施,用于防止您的在线商店出现图片或视频过载。例如:

  • 产品系列页面上的产品不可超过 50 件,或主页上的分区不可超过 25个。
  • 许多模板会延迟加载屏幕上当前未显示的图片。
  • 许多模板还根据所用屏幕尺寸加载特定大小的图片。

但是,这些安全措施无法完全阻止图片或视频对在线商店的性能造成影响。

如果您认为图片正在减慢您商店的速度,请执行以下步骤:

  • 查看图片优化指南
  • 将配图幻灯片保持为 2-3 张幻灯片,或使用一张配图。
  • 请咨询您的模板开发者,获取有关在其模板中使用图片的最佳方式的建议。
  • 聘请 Shopify 专家以获得更多帮助。

故障排除工具

可使用以下工具来调查在线商店的速度。

Lighthouse

Shopify 的在线商店速度报告使用 Lighthouse 来测量商店的速度。您可以使用 Google PageSpeed Insights 运行自己的 Lighthouse 报告,以查看更详细的商店页面指标。若要了解这些指标的含义,请参阅 Google Lighthouse 性能评分文档。您还可以聘请 Shopify 专家来帮助您了解这些指标和提出改进建议。

适用于 Chrome 的 Shopify 模板检查器

适用于 Chrome 的 Shopify 模板检查器是一个使用火焰图来显示 Liquid 呈现性能的分析工具。此工具可帮助您识别哪些代码行减慢了在线商店页面的速度。了解如何使用 Shopify 模板检查器。

获取支持的位置

如果您使用 Shopify 提供的免费模板,Shopify 客服可能能够帮助您进行基本的性能改进。

如果您使用第三方模板并需要帮助,则必须联系模板开发者或聘请 Shopify 专家

如果您有开发团队或代理合作伙伴,您还可以联系他们获取更多帮助。

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

免费试用