在搭建Shopify独立站的时候,Shopify网站的加载速度是商家应该考虑的主要因素之一,因为Shopify网站速度的快慢直接影响到用户的停留时间和网站的转化率。本文将从七个方面为大家讲解Shopify网站加载速度的优化指南和提升技巧,并简单介绍了Shopify网站速度的两款衡量工具。
Shopify更多教程了解点击:Shopify教程
一、Shopify网站加载速度优化指南及提升技巧
1、选择速度优化的主题通过选择速度的主题,可以使Shopify商店更快。主题是一组为Shopify商店提供模板的文件,它将决定Shopify商店的布局,以进一步自定义以创建独特的设计。
Eduma是ThemeForest最热销的主题,可用于教育网站、在线 LMS、在线课程网站、在线学习平台、课程中心、在线学校等领域。是一个简单易用且完全移动端优化的Shopify主题,此外还使用标题、元标记、结构化数据等SEO优化措施帮助网站提高排名。
《点击进入官网购买》
ThemeForest上还有许多响应式和SEO优化的主题可供选择,感兴趣的用户可以点击下方链接,进行查看。
ThemeForest官网:点击访问
2、主机托管Shopify托管的服务和基础设施会影响网站的性能,尤其是在高流量和高交易日,因此在研究海外空间托管平台时,请注意:
- 在季节性促销期间可以扩展内存或带宽
- 预计流量和峰值用户负载,以避免访问者突然激增造成的崩溃
此外选择一个可以避免管理自己服务器的平台也很重要。DTC零售商经常不得不在IT基础设施上花费大量资金,成本多年来也一直在稳步上升。商家可以将Shopify网站托管在专业的服务商处,获得安全的运行环境,提高网站可用性并节省维护管理的时间和资金成本。
例如Hostinger便是一家业内领先的海外主机托管解决方案提供商,已经为来自 150 多个国家的 4 百万用户提供服务。Hostinger作为近几年增长势头最猛的主机商,不仅提供欧洲、亚洲、北美洲和南美洲四大洲的数据中心,而且网站响应时间在11-274 毫秒,还提供7/24小时专属服务。
本站定期Hostinger有关优惠活动信息,想要获取购买折扣的商家可以点击:Hostinger优惠码
方案 | 建站数 | 硬盘 | 带宽 | 域名 | 价格/月 | 免费赠期 |
Premium | 25个 | 25GB SSD | 不限 | 首年免费 | $2.99 | 3个月 |
Business | 50个 | 50GB NVMe | 不限 | 首年免费 | $3.79 | 3个月 |
Cloud Startup | 100个 | 100GB NVMe | 不限 | 首年免费 | $7.99 | 3个月 |
《点击进入官网选购》
推荐阅读:《2025年TOP3国外主机商推荐》
3、减小大图像尺寸在评估许多Shopify网站时,许多企业倾向于使用大容量图像,这是很容易理解的,因为图片是电子商务商店的主打产品。在零售等垂直领域更是如此,在这些领域中,图片是突出产品的必要条件。
虽然图片是改善商店 UX 和品牌推广的绝佳方式,但用户也应该进行性能的权衡。图像文件的大小通常比标准 HTML 或 CSS 还要大得多,使用大量图像的页面与图像密集程度较低的页面相比,用户需要更长的时间来下载。
未优化的图像会使网站的页面更加冗余,图像上传的大小通常比其“渲染大小”大得多,这是用户在浏览器中实际看到的大小:
此页面包含的实际大小是渲染大小的 2 倍,当以远大于渲染大小的大小上传图像时,这会导致不必要的性能问题。意味着用户必须下载比渲染实际所需的更大的图像,结果是用户必须浪费额外的浏览器资源和数据才能真正看到内容。
可以使用Chrome DevTools在给定页面上找到更大的图像。只需右键单击并选择“检查”,导航到“网络”选项卡并刷新页面,将显示用于加载页面的所有资源,然后可以按“大小”排序,找到最大的图像。
如果看到任何大图像(100KB以上),请在Shopify独立站的页面上找到该图像,然后再次右键单击并选择“检查”。将鼠标悬停在图像链接上,将显示渲染大小与实际(固有)大小的比较。
在Shopify商店中上传的图像没有进行压缩,导致图像大小超出必要范围,这种情况很常见。
通过使用压缩,可以确保图像资源的文件大小比原始图像小得多,较小的文件大小将允许浏览器更快地加载网站内容。
当涉及到图像压缩时,建议使用这两种方法的组合:
- Shopify应用程序:某些应用程序在上传时会自动压缩图像,比如Crush
- Optimizilla:这允许在上传到网站之前手动压缩大型图像
安装的每个应用程序都会将脚本添加到Shopify网站上。虽然它们是扩展网站功能所必需的,但可能会以性能为代价。因此网站需要加载的应用程序脚本越少,预期的Shopify网站速度就越快。
可以按照以下简单指南删除应用程序:
- 转到 Shopify 的设置,然后导航到应用程序和销售渠道。
- 点击要删除的应用程序旁边的三个点,然后单击卸载
一般来说,当需要外部应用程序时,请尝试从Shopify 应用程序中进行选择,寻找多功能的应用程序可以同时解决许多问题,确保不会因第三方集成而使网站超载。
推荐阅读:《Shopify应用商店是什么 Shopify应用推荐》
5、减少重定向重定向是指示浏览器转到与最初请求URL不同的URL的过程。
假设有一个产品页面,在假日季期间在 “www.yourshopifystore.com/sale” 进行特价促销。但是在销售之后,删除了该页面,并希望访问者转到 “www.yourshopifystore.com/products” 一般产品页面。
此时就可以设置重定向,当客户键入“www.yourshopifystore.com/sale”时,他们会自动条到“www.yourshopifystore.com/products”。
如果使用得当,重定向可以确保它们不会落在损坏的页面上,从而改善整体用户体验。但是如果操作不当,可能会损害用户体验,减慢Shopify网站速度,并使搜索引擎爬虫感到困惑。
以下是一些常见问题:
- 重定向链:当网站上的页面重定向到已经重定向的页面时,就会发生重定向链,这会减慢加载时间并让用户感到沮丧。
- 重定向循环:当两个或多个 URL 都相互重定向时,例如URL A重定向到URL B,URL B将转到URL A,这种重定向实际上不会将访问者带到其他地方。
商家可以使用SEMrush的 Site Audit(站点诊断)工具来检查重定向链和循环。打开该工具,在搜索栏中输入 URL,然后单击“开始审核”。
SEMrush官网:点击进入
然后系统会要求用户配置 Site Audit(网站诊断),在这里可以设置工具可以检查的页数限制,甚至可以设置每周或每日自动审核计划。完成后,单击 “Start Site Audit”。
审核完成后,将看到一个类似于以下内容的控制面板:
前往 “Issues” 选项卡,然后在搜索栏中输入 “redirect chains”。
然后点击 “#redirect chains and loops” 获取受影响页面的完整报告。
确定重定向链和重定向循环后,用户就可以进行调整了。
6、添加Google跟踪代码管理器Google Tag Manager可轻松地在网站中添加和删除标签,而无需接触代码,这是在一个地方管理网站的所有跟踪代码的绝佳方式。此外Google Tag Manager 的一大优点是所有代码都是异步加载的,通过 Google 跟踪代码管理器加载的代码也不会延迟Shopify网站内容的呈现。
所以用户可以进行 “标签迁移” ,将部分跟踪代码移至 Google 跟踪代码管理器,可以通过执行以下步骤来执行此作:
- 将 Google 跟踪代码管理器添加到 Shopify 商店
- 导航到标签-新建,然后在 Shopify 上使用的“标签类型”中查找内置标签。
- 在 Google 跟踪代码管理器中实施这些标签
- 如果没有找到任何内置标签,可以选择“自定义 HTML”并添加标签
- 正确设置触发器,通常此字段设置为 “All Pages”
- 发布 Google 跟踪代码管理器更改
- 导航回 Shopify 并删除通过 Google 跟踪代码管理器添加的所有应用
- 导航到商店并测试新标签是否正常工作,可以使用 Google 跟踪代码管理器的“预览”模式执行此作
- 考虑将跟踪像素(如 Google Analytics、Hotjar、Facebook 和其他第三方代码)移动到 Google 跟踪代码管理器。
HTTP 请求是 Web 浏览器在有人想要查看Shopify网站时向 Web 服务器发送的消息,这些请求可以针对图像、JavaScript 文件等。
网站上的文件越多,浏览器加载所有文件所需的 HTTP 请求就越多,网站就会变得越慢。要减少 HTTP 请求的数量,请先删除不必要的按钮。
例如如果一个页面上有太多号召性用语(如“立即购买”、“了解更多”或“订阅”),请删除非优先号召按钮,并为Shopify网站布局简单的设计,因为复杂的动画或设计元素需要额外的代码和资源。
二、Shopify网站加载速度衡量工具 1、Shopify在线商店速度报告Shopify的在线商店速度报告使用 Google Lighthouse(来自 Google 的开源软件)来计算网站性能并将其与行业标准和平台上的类似商店进行比较。
该报告满分 100 分,将其与同行业中的其他商店进行基准测试,并提供有关如何提高 Shopify 网站速度的建议。
还可以查看分数随时间变化的摘要,以及哪些事件可能影响了网站速度分数。要查看 Shopify 网站速度概览,请前往Shopify后台然后单击 “Analytics”(分析),然后单击 “Reports”(报告)。
在那里,搜索“在线商店速度”,然后单击“在线商店速度”。
Google PageSpeed Insights (PSI) 是一款免费工具,可测量单个 URL 在移动设备和桌面设备上的性能。
可以使用 PSI 来评估Shopify网站 Core Web Vitals和其他重要指标,结果报告如下所示:
还将收到不同领域的性能分数以及每个领域的高级建议:
要使用此工具,请转到 PSI 页面,输入要评估的 Shopify 网站中的 URL,然后单击“分析”。
推荐阅读:
(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

微信扫码加好友进群
主机优惠码及时掌握

QQ群号:938255063
主机优惠发布与交流