优化 Shopify 商店速度的 7 种方法

如果加载时间超过 4 秒，则几乎 1/4 的访问者会离开网站。 由于网站性能不佳，其中 46% 从未返回网站。 缓慢的网站会导致糟糕的客户体验并将客户赶走。

您是否会等待 15 秒只是为了让网站加载其内容？ 您立即离开该站点并寻找其他商店。 因此，缓慢的网站会阻碍网站流量并增加跳出率。 这两者都会对潜在客户群产生负面影响。

站点速度不仅仅是技术维护。 直接影响收入。 那么，我们如何修复您的 Shopify 商店网站速度？ 今天，我们将看看 7 个技巧来优化您的 Shopify 商店网站速度。

1.图像优化
2. 分析第三方应用
3. 实施 AMP（加速移动页面）
4.选择正确的主题和功能
5. 懒加载器
6.避免弹出窗口
7.减少重定向和断开的链接
8. Shopify 商店网站速度基准

Shopify 在仪表板上提供站点速度分数。 此分数根据 Google 灯塔性能指标衡量您的网站加载速度。 Shopify 网站的平均速度得分为 50。任何高于 70 的速度得分都很高。

如果您的网站得分低于 50，您应该使用这些策略来提高网站性能。 除此之外，您还应该获得有关技术细微差别的专业帮助，例如缩小 Java 和 HTML 脚本或渲染阻止 CSS 和 Javascript。 Shopify 网站大量使用 HTML、CSS、Javascript 等，这会降低网站速度。 因此，如果以下提示均无效，请检查您的代码和网站后端。

1.图像优化

从基础开始：图像。 高分辨率图像会降低网站速度。 如果您的商店有多个高清图像、图形和视频，那么您的网站将会滞后很多。 以下是优化图像和提高网站速度的 5 种方法：

上传压缩图片

它们减少了文件大小并在网站上加载。 但是，请确保遵循指定的图像尺寸以避免低质量的图像。

避免使用滑块并选择英雄布局

只有 1% 的访问者会通过滑块。 因此，不要选择 4-7 张高清图像，而是使用 1 张高分辨率图像。

避免使用 GIF 或视频。

如果您的产品需要多张图片，请选择 3-4 张高分辨率图片。 高质量的 GIF 或视频可能会滞后并需要很长时间才能加载到访问者的系统上。

使用延迟加载器

如果您无法避免上传许多图像、视频或 GIF，在这种情况下，该站点仅加载用户屏幕上可用的内容。 所以，只要用户没有打开滑块或到达视频，它就不会被加载。 结果，不仅内容负载有限，而且网站运行速度更快。

坚持静态图片

它们不是 GIF 或视频，而是节省了网站的负载并显着提高了速度。

2. 分析第三方应用

安装第三方应用是 Shopify 店主的标准做法。 他们添加这些是为了提高性能、添加功能、自动化等等。 但是，获得太多应用程序也会影响代码。 它导致速度慢。 所以？

• 识别无任何用途且无用的应用程序。
• 卸载这些应用程序。 如果应用程序的某些功能无效，请将其删除。
• 禁用功能或卸载应用程序不会删除代码集成。 因此，您需要手动删除它们。

删除未使用的应用程序。 除此之外，寻找干扰站点速度的应用程序的替代方案。

3. 实施 AMP（加速移动页面）

2020 年，61% 的网站流量来自美国的移动设备。 超过一半的用户正在通过手机查看您的商店。 但是，手机在 PC 上加载普通网站需要更长的时间。 因此，针对手机优化您的网站是没有商量余地的。

您的技术团队可以帮助您进行移动优化。 但是，您可以将 Shopify 第三应用目录中的一些应用添加到 DIY。 FireAMP 和 Shopsheriff 等应用在 AMP 中提供帮助。 设置这些确实需要相当长的时间。 但是，您可以通过这样做来吸引更多的受众。

4.选择正确的主题和功能

Shopify 拥有庞大的主题、功能和字体库。 这些增强了您网站的设计，使其看起来更具吸引力。 然而，每增加一个主题/功能，网站就会变慢。

• 确保添加响应式主题。 检查主题是否会减慢网站速度，然后替换它。
• 分析是否使用了所有添加的功能。 如果某个功能没有价值，则删除/禁用它们。
• 选择系统字体：Mono、Serif 和 Sans-serif。 避免用户系统必须首先下载的花哨字体。 在这种情况下，下载字体、加载字体和加载网站需要大量时间。 尽管 Shopify 提供了许多字体选项，但坚持使用基本的系统字体效果很好。

所有主题和功能都依赖于 CSS/HTML，这会影响网站速度。 明智地选择它们并避免不必要的元素。

5. 懒加载器

延迟加载是一种优化技术，页面仅加载有限的内容。 如果用户在商店/网站的特定部分，它只会加载该特定部分。 它类似于延迟视频加载。 除非不需要，否则页面只会加载用户参与的元素。

它对于添加许多图像、视频、GIF 和其他大文件的商店非常有效。 它可以节省大量的加载时间并提高网站速度。

6.避免弹出窗口

弹出窗口对于企业突出信息产品或时事通讯至关重要。 它们有助于特定内容成为焦点，以吸引更多关注。 但是，它们会降低站点速度并影响用户体验。

• 摆脱占据整个页面的大型弹出窗口。 它们会增加加载时间并导致网站滞后/冻结。 此外，在用户端获得覆盖整个页面的弹出窗口可能会令人沮丧。
• 在特定的高价值页面上使用弹出窗口。 您不需要在每个站点/商店页面上添加弹出窗口。 分析需求并相应地使用它们。
• 在用户悬停在您的网站上几秒钟后显示一个弹出窗口。 进出您网站的用户不会与您的弹出窗口互动。 因此，在用户登陆您的商店 7-15 秒后添加一个弹出窗口。 它们更有效，点击率更高。

7.减少重定向和断开的链接

商店可以有各种重定向或断开的链接。 但是，它们滞后于站点，并且速度显着降低。 您可以通过执行 404 重定向直接通过 Shopify 仪表板解决此问题。

或者，您可以添加将用户带到新 URL 的 301 重定向。 此外，您可以在技术团队的帮助下删除这些链接。 他们将删除任何损坏的链接并减少重定向。

除了所有这些提示之外，您还可以使用 Google 标签管理器进行商店优化。 您将代码迁移到该工具，这有助于将所有代码异步加载到一起。 从技术方面来说，提高存储速度的方法有很多。 这可能意味着缩小 HTML/CSS、渲染阻塞、删除不必要的代码和迁移。

但是，您的网站平均需要多少才能加载？ 让我们看一些基准。

8. Shopify 商店网站速度基准

仪表板上提供的良好 Shopify 商店速度高于 50。但是您可以部署其他工具来检查您的网站速度。

一个平均网站需要大约 3.8 秒来加载第一张图片，并且需要 22.1 秒才能进行交互。 您的网站需要更长的时间吗？ 检查您的 Shopify 商店的网站加载速度。

这是显示平均值和最佳 Shopify 商店速度基准的图表。

除此之外，您还可以在此处检查您的网站速度。

使用这些站点时，请运行 3 次测试以获得清晰的图像。 从那里开始使用平均值，但不要依赖于单个测试。 这确保了更好的结果和商店速度的清晰画面。

常见问题

Shopify 商店的最佳速度是多少？

Shopify 速度得分反映在仪表板本身上。 商店应尝试获得高于 50 的分数。70 分的速度分数被认为对 Shopify 商店来说非常好。

减慢网站速度的最常见项目是什么，特别是 Shopify 网站？

影响商店速度的最常见项目是图像和繁重的后端代码。 高分辨率图片、视频和 GIF 需要时间来加载和交互。 另一方面，主题、功能和第三方应用程序会增加网站代码，从而降低商店速度。