事实证明,Shopify是当今最有前景的电子商务平台,适用于有抱负的小型和大型商家,为其电子商务增长轨迹提供支持。您在 Shopify 上为定期客户打造了最愉悦的用户体验,为扩大规模和增长提供了巨大机会。然而,随着您专注于增长,Shopify 网站的速度可能会被忽视,导致您的商店遭受缓慢速度和频繁购物车放弃的困扰。

通过解决 Shopify 商家在“如何加速 Shopify 商店”的问题上的疑问,我们积累了许多实际经验,处理了影响 Shopify 商店速度和转化的因素。

如果您正在寻找对于最令人担忧的问题的答案:“为什么我的 Shopify 商店速度缓慢?”,并找到帮助实现 Shopify 转化优化的方法,我们将为您透露秘诀。同时,我们将帮助您实施有效的方法来优化 Shopify 页面加载速度。继续滚动以了解 Shopify 速度优化的秘密。

Shopify 速度优化如何影响转化率?

全球超过19亿人曾经在网上购物。然而,在2018年,平均的在线客户转化率仅为2.6%!报告表明,有1000个潜在客户访问特定的在线商店,只有26个客户会最终产生购买行为。

转化率受到多种因素的影响。您应该采用不同的广告和营销策略来推广品牌,提高品牌知名度和忠诚度。然而,无论您在广告上花费多少资金,除非您的网站进行了优化,否则所有的努力都将徒劳无功。

Shopify 网站速度优化对用户行为影响很大。如果网站的加载速度低于几秒钟,访问者将离开该页面,并从速度更快的竞争对手那里购买产品 – 这将导致您的销售和利润下降。

以下是 Kissmetrics 和 Google 研究的一些事实,以说明以上观点:

5个常见的性能问题或如何改善 Shopify 商店速度

因此,当您的网站加载时,您将会每秒丢失越来越多的潜在买家。不仅愿意从您这里购买的客户数量减少,而且他们再次获取的概率也会降低。

此外,搜索引擎将网站的性能和加载速度考虑在其有机搜索结果中进行评级,这是慢速网站的另一个原因,目标用户较少,因此转化率低于加载速度较快的在线商店。

Shopify - Desc Images

Shopify 网站性能依赖于什么?

通过使用上述工具之一来测量您的在线商店的速度,您将获得完整的测试结果,其中包含网站前端和后端的所有问题。接下来,您可以根据这些知识了解 Shopify 商店速度继续优化的地方。

Shopify 网站的性能主要依赖于以下因素:

服务器优化

用户距物理服务器越远,发送 HTTP 请求和接收回复的时间就越长。在选择托管时,最好选择特定国家/地区的解决方案,重点是您的业务。当您的在线商店的产品销售超越一个国家的边界时使用 CDN 链接是有意义的。

这绝不是 Shopify 的问题。供应商承担了所有托管效率的责任,网上商店所有者无需为此服务支付额外费用。您在这里可以做的是更新托管计划,将您的商店带入更高的水平。升级到更好的计划有时可以将加载时间减少一半。

自定义功能

安装应用程序的数量增加了网站页面的负荷,增加了发送到服务器的请求数量,并导致页面加载速度变慢。此外,一些应用程序中包含的代码错误必然会影响网站的效率。

前端

它包括网站的设计、主题、布局以及所有使客户的浏览过程变得快速、易于理解和令人兴奋的选择。上述每个点也可能影响在线商店的效率和速度。

毫无疑问,对于新手来说,Shopify 是最方便的平台之一,他们缺乏充足的技术专业知识、时间或研究大量技术文档的能力,而这对于大多数电子商务平台来说是必需的。

另一方面,平台提供商对于此处大多数后端过程的成功负有责任。在这方面,既不能直接访问应用程序的源代码,也不能在修改 Shopify 在线商店功能时配置第三方功能。

接下来,我们将讨论减慢网站速度的所有问题,并告诉您如何解决这些问题。

5个常见的性能问题或如何改善 Shopify 商店速度

#1 不响应的主题

选择合适的 Shopify 主题是保持页面快速加载和移动优化的基石。但令人痛心的是,大多数在线商店并不让我们对主题布局有很多了解。让我们看看如何选择合适的 Shopify 主题。

解决方案:

  1. 您可以在 PageSpeed Insights 中单独查看这一点,确定您目前的主题是否需要进行任何改进。为此,请对主题运行页面预览分析,您将了解到是否需要对您目前的主题进行任何更改。同样的服务还可帮助确定您目前使用的主题。
  2. 如果您发现主题存在任何性能问题,请寻找主题更新。在这种情况下,第一步是与主题开发人员或提供者联系,因为他们负责提供售后故障修复服务。
  3. 设备适应性是将主题调整到您的 Shopify 商店的第一个准则。当用户使用智能手机或平板电脑在线购物时,这往往导致误判。正确地进行测试,并确保 Shopify 主题易于优化以适应任何设备,以最大化用户体验。
  4. 此外,您可以有三种选择来改善 Shopify 主题。
  5. 通过切换代码以更新您当前的主题,您可以自定义您当前的主题。然而,您需要掌握 HTML、CSS 和 Liquid 技术,并尝试更新主题。开发人员的帮助可能会对您有所帮助。
  6. 根据需要,通过从主题商店中选择一个响应式主题来优化您的 Shopify 商店,这是一种简单的优化 Shopify 商店的方法。
  7. 第三个选择需要额外的预算,用于为您的独特需求构建自定义主题。尽管这个选择有点昂贵,但它在获得竞争优势方面带来了巨大的好处。
  8. 它可以让您添加在现成主题中缺失的功能。
  9. 自定义主题设计使您的商店具有出色的视觉外观。
  10. 当考虑升级和更新时,它将非常容易。

    #2 太多的应用

    尽管 Shopify 平台提供了广泛的原生功能,但其他功能未包含在内,可以借助第三方应用程序来引入。然而,一些商家认真选择要安装在商店上的每个应用程序,并在每次安装后检查网站的输出,其他商家只关注设备的功能。

    商家需要应用程序,因为它们有助于提高商店的功能。然而,安装的应用程序越多,Shopify 网站就变得越慢。它们向服务器发送更多的请求,导致您的网站加载缓慢。

    防止此问题的方法:

    1. 将所有应用程序集中在一起。
    2. 检查您使用的应用程序和未使用的应用程序。
    3. 请记住,即使禁用应用程序,JS/CSS 文件仍在后端运行,阻碍网站的快速加载。

    解决方案:

    因此,最好删除您不使用的应用程序。在删除这些应用程序之前,请仔细阅读 Shopify 支持文档中有关卸载说明的内容,这可以帮助您避免库存残留物对您商店性能造成干扰。

    如果您在 Shopify 商店上安装了那些提供适当功能但干扰网站加载能力的应用程序,您可以优先选择优化这些应用程序,而不是删除它们。

    只有可信赖的提供商才能提供未来不会产生任何问题的模块。在安装之前,请检查弊端,即,无限制的数据库请求。

    #3 未优化的图片

    图片在在线加载速度中起着至关重要的作用。然而,常见错误是在主页滑块或产品页面上上传高质量的照片。精美的图片无疑是每个在线商店必不可少的。

    此外,客户在决定是否应该从您的商店购买时,可能希望看到产品图片。在这些情况下,优化和压缩 Shopify 中的图像可以极大地提高 Shopify 网站的性能。例如,将20 MB 的图像压缩至约300 KB,可以将 Shopify 网站速度提高70%。

    解决方案:

    • 减少不必要的服务器请求有助于改善 Shopify 网站的速度。在使用图片时,使用 CSS 精灵将多张图片合并在一起。为了在代码渲染和精灵创建时实现准确性,请使用 SpritePad 工具。该工具要求您将图像拖放到其中,然后下载精灵。该工具通过将每次拷贝的 HTTP 请求数量减少到只有一个,仅通过向服务器发送单个请求即可加载一个大型图片。

    • 减小图像大小是加快 Shopify 商店速度的另一种方法。最好使用一些工具,如 TinyJPG 或 TinyPNG 来减小图像的大小。这些应用程序的优点在于它们不会影响图像质量。只需放置文件,您就可以在 Shopify 商店上使用已压缩好的图像。此外,如果您的网站已经使用了未经优化的图片,则可以使用 Shopify 图像优化应用程序(如 Crush.pics)来自动优化所有现有图像。

    #4 缩略图图像大小

    您是否在主页上使用轮播图来显示产品页面上的标准产品?轮播图将从产品页面获取缩略图图像以显示相关产品的详细信息。
    如果保持这种状态,系统和浏览器将摄取高分辨率图像以适应所请求的尺寸。结果就是它延长了网站的加载时间。

    在桌面上浏览您的网站的客户可能只有较少的干扰。但是,如果您的网站有很多移动流量,由于低Shopify 页面加载速度,这可能会影响他们的用户体验。

    解决方案:

    • 对 Liquid 代码进行更改将有助于消除风险 – 您只需要使用“srcset”属性,并为图像设置不同的屏幕分辨率。

    • 延迟加载技术有助于优化缩略图图像,并在图像出现在视口时提高网站加载速度。
      例如,您的网站在主页上显示有产品轮播图的下拉菜单,每个滑块可容纳8个产品。总共有68个图像,也就是说,缩略图图像必须加载这些图像以展示热门产品。为了改善 Shopify 商店速度,最好将滑块替换为下拉菜单中优化的静态图像。同时,使用延迟加载功能可以加快图像的加载速度。该技术可以减少几秒钟的页面加载时间。

    #5 首页英雄滑块

    在首页顶部,大型英雄滑块是 Shopify 在线商店的特点之一。毫无疑问,带有高分辨率图像的滑块可以使您的在线商店看起来优雅,并吸引访问者的注意力。然而,一个包含4到6张高分辨率照片的滑块会给您的商店带来不良负担。

    解决方案:

    • 减少幻灯片的数量。确保每个幻灯片中仅使用三张图像。同时,优化图像,并确保其质量不会受到影响。请记住,要配合 Lazy Load 功能使用幻灯片。

    • 您可以删除一个英雄滑块。取而代之,您可以使用一个单独的英雄图像,并在上面实现一个 CTA 按钮。删除幻灯片的数量不会对用户体验产生影响,因为统计数据证实不到1%的用户会点击它们。事实也表明,显示他们的不愿意参考每个滑块。

    最后思考

    我的上一篇文章讨论了“十大 Shopify 页面速度优化应用程序”。您可能想要看看 :)

    Shopify 网站的页面加载能力会受到许多问题的影响。根据情况的严重程度或数量,修复 Shopify 速度问题需要时间。如果处理不当,网店的速度优化可能会影响转化率优化。

    选择 Shopify 时,您将获得利用多种技术改善 Shopify 商店速度和最终提高用户参与度的机会。作为业内专家,HulkApps 可以帮助您进行 Shopify 速度优化流程。 今天就联系我们吧。