亚马逊云科技

广告

安信SSL证书

广告

Shopify网站加载速度优化指南及提升技巧

美国云服务器推荐

在搭建Shopify独立站的时候,Shopify网站的加载速度是商家应该考虑的主要因素之一,因为Shopify网站速度的快慢直接影响到用户的停留时间和网站的转化率。本文将从七个方面为大家讲解Shopify网站加载速度的优化指南和提升技巧,并简单介绍了Shopify网站速度的两款衡量工具。

Shopify更多教程了解点击:Shopify教程

一、Shopify网站加载速度优化指南及提升技巧

1、选择速度优化的主题

通过选择速度的主题,可以使Shopify商店更快。主题是一组为Shopify商店提供模板的文件,它将决定Shopify商店的布局,以进一步自定义以创建独特的设计。

Eduma是ThemeForest最热销的主题,可用于教育网站、在线 LMS、在线课程网站、在线学习平台、课程中心、在线学校等领域。是一个简单易用且完全移动端优化的Shopify主题,此外还使用标题、元标记、结构化数据等SEO优化措施帮助网站提高排名。

Eduma

点击进入官网购买

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:这允许在上传到网站之前手动压缩大型图像

4、禁用不再使用的应用程序

安装的每个应用程序都会将脚本添加到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”。

单击 Start Site Audit

审核完成后,将看到一个类似于以下内容的控制面板:

内容控制面板

前往 “Issues” 选项卡,然后在搜索栏中输入 “redirect chains”。

输入 redirect chains

然后点击 “#redirect chains and loops” 获取受影响页面的完整报告。

点击 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 跟踪代码管理器。

7、减少HTTP请求数量

HTTP 请求是 Web 浏览器在有人想要查看Shopify网站时向 Web 服务器发送的消息,这些请求可以针对图像、JavaScript 文件等。

网站上的文件越多,浏览器加载所有文件所需的 HTTP 请求就越多,网站就会变得越慢。要减少 HTTP 请求的数量,请先删除不必要的按钮。

例如如果一个页面上有太多号召性用语(如“立即购买”、“了解更多”或“订阅”),请删除非优先号召按钮,并为Shopify网站布局简单的设计,因为复杂的动画或设计元素需要额外的代码和资源。

二、Shopify网站加载速度衡量工具

1、Shopify在线商店速度报告

Shopify的在线商店速度报告使用 Google Lighthouse(来自 Google 的开源软件)来计算网站性能并将其与行业标准和平台上的类似商店进行比较。

Shopify在线商店速度报告

该报告满分 100 分,将其与同行业中的其他商店进行基准测试,并提供有关如何提高 Shopify 网站速度的建议。

还可以查看分数随时间变化的摘要,以及哪些事件可能影响了网站速度分数。要查看 Shopify 网站速度概览,请前往Shopify后台然后单击 “Analytics”(分析),然后单击 “Reports”(报告)。

在那里,搜索“在线商店速度”,然后单击“在线商店速度”。

单击在线商店速度

2、PageSpeed洞察

Google PageSpeed Insights (PSI) 是一款免费工具,可测量单个 URL 在移动设备和桌面设备上的性能。

可以使用 PSI 来评估Shopify网站 Core Web Vitals和其他重要指标,结果报告如下所示:

PageSpeed洞察报告

还将收到不同领域的性能分数以及每个领域的高级建议:

不同领域的性能分数以及每个领域的高级建议

要使用此工具,请转到 PSI 页面,输入要评估的 Shopify 网站中的 URL,然后单击“分析”。

单击“分析”

推荐阅读:

Shopify结账页面优化技巧

Shopify店铺怎么装修

Shopify如何做SEO

(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

主机侦探企业微信

微信扫码加好友进群

主机优惠码及时掌握

主机侦探QQ群

QQ群号:938255063

主机优惠发布与交流

温馨提示:

1、本站部分图片来源于互联网,如有侵权请联系删除。邮箱:2942802716#qq.com(#改为@)

2、本文评论没有专人回复,如果您有问题请到美国主机侦探论坛提问!

3、美国主机侦探免费为您提供美国主机购买咨询。

RAKsmart美国服务器
返回顶部