提高shopify加载的的速度的方法

提高在线商店的速度

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

如果您不知道您的在线商店今天的 如何,则可以查看 运行速度 在线商店速度 报告。

您无法控制的因素

客户的设备,网络和位置

访问您商店的客户遍布世界各地,并具有不同的设备和互联网连接。 这意味着您的商店可能会根据这些因素加快或减慢其加载速度。

如果客户与您联系以了解商店的速度,然后请您的客户检查他们是否在使用最新版本的浏览器,他们最近清除了缓存,并且其Internet服务提供商没有出现任何中断或性能下降的情况。

Shopify基础架构

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

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

内容交付网络(CDN)

CDN代表内容交付网络。 Shopify为商家提供由 运行的世界一流的CDN Fastly ,以确保您的在线商店在全球范围内快速加载。 您可以在“ 上检查CDN状态 快速状态”页面

本地浏览器缓存

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

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

服务器端页面缓存

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

内的资产 content_for_headerLiquid标签

{% content_for_header %}通过各种网上商店的功能,包括性能分析和可选功能,如动态结账按钮使用液体标签资产内喷射。 加载此标签和相关资产会影响商店的速度。 Shopify正在优化标签及其资产,以使其更快。

您可以控制的因素

以下是一些可能影响在线商店的速度以及如何解决这些问题的因素。

应用

当您添加应用程序以更改在线商店的功能或外观时,它们会将代码添加到主题中以便可以运行。 可以删除某些代码或将其重新排序以提高在线商店的性能。 如果您不使用应用程序,则可以将其删除。

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

主题

主题由Liquid,HTML,CSS和JavaScript代码组成。 当您编辑或自定义主题时,文件大小可能会增加并影响您的存储速度。

如果您认为主题中的某件事正在减慢您的商店速度,请执行以下步骤:

主题或应用功能

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

如果您认为某项功能正在减慢您的存储速度,则可以采取以下步骤:

  • 使用 热图工具 查看客户是否正在使用某些功能。 如果不使用功能,请禁用它们。
  • 如果不需要,请禁用该功能。 考虑 的 在线商店功能和速度之间 平衡
  • 请咨询您的主题和应用程序开发人员,并询问他们是否正在预加载数据。
  • 雇用 Shopify专家 以获得进一步的帮助。

复杂或效率低下的液体代码

您几乎可以编辑用于渲染商店的所有Liquid。 有编写高效代码的有效方法。 重复执行复杂的操作会增加Liquid渲染时间,从而影响整体存储速度。

例如,如果要按价格订购集合中的产品,则应在循环浏览集合中的产品之前执行此操作,而不应将其作为循环代码的一部分。 这是因为产品的顺序不会随每个产品而变化,并且计算产品的顺序会增加请求的处理时间。

如果您担心代码没有得到优化,则可以执行以下步骤:

图片和视频

尺寸过大的图像和从视图中隐藏的图像可能会干扰页面的其他更重要部分的加载。 如果用户必须等待加载大图像,他们可能会认为您的商店运行缓慢。

Shopify添加了一些保护措施,以防止您在在线商店中放置过多图像或视频。 例如:

  • 收集页面上的产品数量不能超过50,首页上的产品数量不能超过25。
  • 许多主题会 延迟 加载当前不在屏幕上的图像。
  • 许多主题还根据显示的屏幕大小加载图像的特定大小。

但是,这些保护措施并不能完全防止图像或视频影响在线商店的性能。

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

  • 查看 图像优化指南
  • 将特色图片的幻灯片放到2-3张幻灯片中,或使用一张特色图片。
  • 向主题开发人员咨询有关在主题上使用图像的最佳方法的建议。
  • 雇用 Shopify专家 以获得进一步的帮助。

故障排除工具

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

灯塔

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

适用于Chrome的Shopify主题检查器

适用于Chrome Shopify主题检查器 是一种分析工具,它使用火焰图显示Liquid渲染性能。 此工具可帮助您确定使在线商店中的页面变慢的代码行。 了解 如何使用 Shopify主题检查器。

在哪里获得支持

如果您使用 的 Shopify中 免费主题 ,则Shopify支持人员可以帮助您改善基本性能。

如果您使用第三方主题并需要帮助,则必须与 联系 主题开发者 或雇用 Shopify专家

如果您有开发团队或代理合作伙伴,也可以与他们联系以获得进一步的帮助。

Posted In SEO

Related Post

发表评论

电子邮件地址不会被公开。 必填项已用*标注