提高网上商店的速度欧宝体育官网入口首页
有几个因素会影响你的在线商店速度,其中一些是你可以控制的欧宝体育官网入口首页。
如果您不知道您的在线商店今天的运行速度有多快,那么您可以查看您的欧宝体育官网入口首页欧宝体育官网入口首页网店速度报告。
你无法控制的因素
客户的设备、网络和位置
光顾你商店的顾客来自世界各地,他们拥有不同的设备和互联网连接。这意味着你的商店可能会根据这些因素加载得更快或更慢。
如果客户与您联系您的商店的速度,那么请您的客户检查他们使用的是最新版本的浏览器,他们最近已经清除了缓存,并且他们的互联网服务提供商没有遇到任何中断或性能下降的情况。
Shopify基础设施
Shopify托管您的在线商店欧宝体育官网入口首页快速的全球服务器并且不会限制你商店的带宽。您可以在上查看Shopify商店的状态Shopify状态.
Shopify正在不断改进其代码和基础设施。其中一些改进可能会反映在你的速度分数中。
以下是影响在线商店速度的一些功能。欧宝体育官网入口首页
内容分发网络(CDN)
CDN是内容分发网络的缩写。Shopify为商家提供了一个世界级的CDN急剧这确保了你的在线商店在全球范围内快速加载。欧宝体育官网入口首页查看CDN的状态快速状态页面.
本地浏览器缓存
商店将某些元素暂时缓存或保存在客户的本地存储中。下次客户访问在线商店时,浏览器可以从缓存加载资源,而不是向服务器发送另一个请求。欧宝体育官网入口首页
Shopify为您商店中的可缓存资源设置浏览器缓存为每个文件一年。可缓存的文件包括图像文件、pdf文件、JS文件和CSS文件。
服务器端页面缓存
除了本地浏览器缓存外,Shopify还在服务器端缓存页面。第一次加载页面时,它可能会慢一些,但以后的页面加载会更快,因为客户收到的是缓存副本。
属性中的资产content_for_header
液体对象
Liquid对象注入了各种在线商店功能所使用的资产,包括性能分析和可选功能,如动态结帐按钮。欧宝体育官网入口首页加载此对象和相关资产会影响存储的速度。Shopify正在优化标签及其资产,使其更快。
你可以控制的因素
以下是一些可能影响在线商店速度的因素,以及如何解决这些问题。欧宝体育官网入口首页
应用程序
当你添加应用程序来改变在线商店的功能或外观时,它们会在主题中添加代码,以便它们可以运行。欧宝体育官网入口首页可以删除或重新排序一些代码,以提高在线商店的性能。欧宝体育官网入口首页如果你不使用某个应用程序,你可以删除它。
如果你认为某款应用拖慢了你的商店速度,请采取以下步骤:
- 禁用你不使用的应用程序功能,如果你不需要它,也可以删除它。考虑到平衡在线商店的功能和速度欧宝体育官网入口首页.
- 如果你正在删除一个应用程序,那么考虑删除在应用程序安装过程中添加的代码。有些应用程序通过封装代码来帮助你完成这个过程
{% comment %}
提到应用程序名称的标记。
删除未使用的应用程序代码是避免为未使用的功能运行代码的最佳实践,并使您的主题代码更易于阅读。
- 咨询你的应用开发者。
- 聘请Shopify专家进一步协助。了解更多关于招聘的知识Shopify专家.
主题
主题由Liquid、HTML、CSS和JavaScript代码组成。编辑或自定义主题时,文件大小会增加并影响存储速度。
如果你认为你的主题中的某些内容正在拖慢你的商店,那么请采取以下步骤:
- 禁用您不使用的主题功能.考虑到平衡在线商店的功能和速度欧宝体育官网入口首页.
- 考虑使用系统字体.
- 咨询您的主题开发人员。如果你使用免费主题从Shopify,那么你就可以联络支持为指导。
- 如果您使用第三方主题,那么您可以联系你的主题开发者或者雇一个Shopify专家。
- 考虑安装一个优化了性能的主题,例如黎明.
- 聘请Shopify专家进一步协助。了解更多关于招聘的知识Shopify专家.
主题或应用程序功能
某些功能,当启用时,也可能影响您的存储速度。例如,当一个集合页面加载时,一些快速的视图会弹出预加载每个产品页面的信息。加载客户不使用的额外数据会影响您的存储速度,而不会增加价值。
如果你认为某个功能放慢了你的商店速度,你可以采取以下步骤:
- 使用一个热图工具看看客户是否在使用某些功能。禁用未使用的特性。
- 如果不需要,请禁用该功能。考虑到平衡在线商店的功能和速度欧宝体育官网入口首页.
- 咨询你的主题和应用开发者,询问他们是否在预加载数据。
- 聘请Shopify专家进一步协助。了解更多关于招聘的知识Shopify专家.
复杂或低效的液态代码
您可以编辑几乎所有用于渲染商店的Liquid。编写Liquid代码的方法有高效和低效之分。重复执行复杂的操作会增加你的Liquid渲染时间,这会影响你的整体存储速度。
例如,如果希望按价格对集合中的产品进行排序,则应该在遍历集合中的产品之前执行该操作,而不是作为循环代码的一部分。这是因为产品的顺序不会为每个产品而改变,并且计算产品的顺序会增加请求的处理时间。
如果你担心你的代码没有优化,那么你可以采取以下步骤:
- 运行Shopify主题检查Chrome识别使在线商店中的页面变慢的代码行。欧宝体育官网入口首页
- 雇佣一个Shopify专家来帮助你找到低效或无用的代码。
图片及视频
过大的图像和隐藏在视图之外的图像可能会干扰加载页面其他更重要的部分。如果用户必须等待大图像加载,他们可能会认为你的商店很慢。
Shopify添加了一些安全措施,以防止您的在线商店因图像或视频而过载。欧宝体育官网入口首页例如:
- 一个收藏页上不能有超过50个产品,主页上不能有25个部分。
- 许多主题推迟加载当前不在屏幕上的图像。
- 许多主题还根据显示图像的屏幕大小加载特定大小的图像。
然而,这些安全措施并不能完全防止图像或视频影响您的在线商店的性能。欧宝体育官网入口首页
如果你认为图像会拖慢你的商店,那么请采取以下步骤:
- 检查图像优化指南.
- 将特色图片的幻灯片控制在2-3张,或者使用一个特色图片。
- 向您的主题开发人员咨询关于将图像与主题结合使用的最佳方法的建议。
- 聘请Shopify专家进一步协助。了解更多关于招聘的知识Shopify专家.
字体
你可以在网上商店中为文本选择几种字体。欧宝体育官网入口首页但是,如果您使用的字体在客户的计算机上还不存在,则必须先下载该字体,然后才能显示文本。这会影响加载商店所需的时间。
为避免将新字体下载到客户的计算机,可以使用系统字体。系统字体是大多数计算机上已经安装的字体。
您可以选择单线、衬线或无衬线字体系列。当您使用这些字体家族中的任何一个时,您仍然可以使用字体样式,例如粗体或斜体。
客户计算机上显示的字体取决于他们的操作系统。下面是一些字体的例子,当你选择一个系统字体家族时,可能会用来渲染文本:
- 莫诺:门罗,Consolas,摩纳哥,解放Mono,或Lucida控制台
- 无衬线: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu或Helvetica Neue
- 衬线:爱荷华旧风格,苹果Garamond,巴斯克维尔,时代新罗马,Droid衬线,时代或源衬线专业
故障诊断工具
您可以使用以下工具来调查您的在线商店的速度。欧宝体育官网入口首页
如果您是开发人员,那么您可以使用Shopify工具和最佳实践进一步优化主题的性能。了解更多Shopify.dev.
灯塔
Shopify的欧宝体育官网入口首页网店速度报告使用Lighthouse来测量您的商店的速度。您可以使用。运行自己的灯塔报告谷歌PageSpeed Insights查看商店中页面的更详细指标。要了解这些指标的含义,请参阅谷歌灯塔性能评分文件.您还可以聘请Shopify专家来帮助您了解指标并提出改进建议。了解更多关于招聘的知识Shopify专家.
Shopify主题检查Chrome
的Shopify主题检查Chrome是一个分析工具,使用火焰图来显示液体渲染性能。此工具帮助您识别在线商店中使页面变慢的代码行。欧宝体育官网入口首页学习如何使用Shopify主题检查器。
获得在线商店速度的支持欧宝体育官网入口首页
如果你使用免费主题从Shopify,那么Shopify支持可能能够帮助您进行基本的性能改进。
如果您使用第三方主题并需要帮助,则必须联系你的主题开发者或者雇一个Shopify专家。了解更多关于招聘的知识Shopify专家.
如果你有一个开发团队或代理合作伙伴,你也可以向他们寻求进一步的帮助。