加快 WooCommerce 性能的 8 种方法

已发表: 2022-06-02

前 100 万个电子商务网站中有多达 22% 使用 WooCommerce，这使得这个强大的 WordPress 商店插件成为网络上最受欢迎的电子商务解决方案之一。

WooCommerce 如此受欢迎的原因之一是它具有广泛的有吸引力的在线商店创建功能，包括高分辨率图像和视频、VR 动画等等。

然而，缺点是许多这些花哨的功能会阻碍您网站的速度。 您可能已经知道，快速的网页加载时间对于您的网站的成功至关重要，因为：

  • 您将为访问者提供更好的整体购物体验，不用说，快乐的购物者更有可能返回重复购买。
  • 您可能会受益于更高的 AOV/收入，因为购物者可以在更短的时间内浏览更多产品页面。
  • 搜索引擎优先考虑更快的网站，这意味着可能会更多地接触自然流量。

为了提高您的 WooCommerce 性能，您需要了解几件事。 首先，您需要衡量您的 WooCommerce 网站的速度，并了解一个好的网站加载时间是什么样的。 您还需要知道该做什么以及在哪里寻找您需要的结果。 有时，可能需要一段时间才能观察到改进。

开发人员可能已经知道如何做所有这些事情。 但是，如果您不是专家，则很难知道从哪里开始。 鉴于此，本文将讨论为什么 WooCommerce 性能对您的业务至关重要。 我们还将引导您了解如何提高您网站的性能，以及自行操作与聘请可以为您妥善处理的专家相比的风险和好处。

为什么 WordPress Woocommerce 性能很重要

在介绍中，我们已经暗示了速度优化对您网站整体成功的好处。 但是，SEO 是关心您的 WooCommerce 网站性能的主要原因之一。

如果您的网站速度太慢，Google 可能会出于以下原因对您的 SEO 工作进行处罚：

  • 技术原因：网站速度和性能对搜索引擎排名算法至关重要，搜索引擎会自动测量这些值。
  • 与用户相关的原因：速度较慢的网站更有可能具有更高的跳出率。 这个跳出率向 Google 发出信号，表明您的网站提供了糟糕的用户体验，因此不应该获得如此高的排名。

结果？ 速度较慢的 WordPress 或 WooCommerce 网站可能会让您失去曝光率和自然流量，从而失去收入。

您需要了解的有关 WordPress 速度的所有信息

那么您网站的速度是多少，您如何衡量它呢？

平均网站速度是三秒，但你必须比行业标准做得更好。 两秒被认为是可接受的速度，但您应该始终争取更快的加载时间。 根据 2017 年 Google 的一项研究，加载速度从一秒到三秒的网站最终的跳出率可能会增加 32% 以上！ 更不用说，一秒钟的延迟可以减少 11% 的网页浏览量和 16% 的客户满意度。

到目前为止，您可能想知道您自己的网站执行速度有多快。 这是速度测试发挥作用的地方，以衡量您的网站加载速度。 毕竟，在不知道当前速度的情况下，您不会有一个准确的基准来衡量您的进步。

幸运的是，有很多插件可以帮助您解决这个问题，包括：

  • 网页测试
  • 查询监视器
  • Pingdom 工具
  • 谷歌 PageSpeed 见解
  • GTMetric

…这些只是可以帮助您解决此问题的众多 WordPress 插件中的一小部分。

测试您网站的速度

在您测量了 WooCommerce 网站的速度之后……

一旦您知道您的 WooCommerce 网站的速度有多快，就该采取行动来改善这个数字了。 为此，首先，您需要确定是什么降低了您的网站速度，然后逐一解决这些根本原因。

1. 清理您的 WooCommerce 网站

毫不奇怪，杂乱的网站会导致加载时间变慢，因此必须定期整理您的网站。 您可以通过以下方式做到这一点：

  • 删除或禁用您不再使用或已过时的插件和扩展
  • 确保您使用的 WooCommerce 插件能够在您选择的 WordPress 托管环境中工作并遵循良好的编码实践。
  • 检查未使用的脚本和样式表。 WordPress 网站倾向于在 WooCommerce 主题和插件上加载脚本和样式表，即使您不使用它们。 这可能会使您网站的后端变得混乱，而您甚至都没有意识到！
  • 限制或禁用对您的页面的修订。 幸运的是，WooCommerce 默认这样做。
  • 减少小部件，如社交媒体提要，或外部资源，如分析或营销工具。 如果某个工具对您的业务来说不是必不可少的，那就把它剪掉。
  • 清理你的数据库。 这包括产品页面、类别、标签、用户数据、评论等。您还可以清除旧的交易数据，如订单、付款、库存等。

2.改进您的店面设计和主题

确保您的网页设计遵循最佳实践是提高 WooCommerce 性能同时提供更好用户体验的另一种方法。 例如，如果您还没有，请借此机会简化冗长而复杂的用户旅程。

  • 检查您的 WooCommerce 前端并摆脱任何多余的设计元素。 简单的设计通常是最好的，因为它使您的网站更易于阅读和导航。
  • 确保您使用的是轻量级主题。 完美的网站模板美观、响应迅速，并拥有干净的代码。 在安装之前检查主题描述中的此类功能。
  • 通过减少所需步骤的数量或整合您的结帐页面来简化您的结帐流程。
  • 尽量减少您拥有的重定向次数。

3. 检查并优化您的 WooCommerce 商店页面设置

避免不符合速度的页面设置和元素，例如：

  • 检查您网站的“添加到购物车行为”。 您应该勾选标题为“启用 AJAX 添加到购物车按钮”的框，而不是在用户每次向购物车页面添加商品时将其重定向到购物车页面。
  • 确保“占位符图像”具有唯一 ID，并包含文件大小较小的图片，不会使您的服务器过度工作。

4. 图像优化和图像压缩

您上传到网站的图像有时会非常大，可能会显着降低您的网站速度。

因此，对于您网站上的所有照片：

  • 替换太大的图像。
  • 检查图像尺寸并在必要时调整大小或压缩，同时保持其质量。 有很多可用的插件可以帮助您解决这个问题。
  • 使用合适的图像格式。 JPG 最适合突出显示细节并将图像压缩到更小的尺寸。 而 PNG 可用于需要透明背景的图标和徽标。 相反，将 GIF 用于动画。
可用的 WooCommerce 插件示例

5. WooCommerce 托管

您选择的网络托管服务提供商可以对您的 WooCommerce 网站的速度产生重大影响。 一些公司甚至提供专门针对 WooCommerce 优化的网络托管。 选择一家在全球拥有数据中心并拥有 CDN 和 SSD 存储并利用其他性能友好技术的托管公司。

有大量不同的托管计划可以满足一系列定价预算。 但是，您的选择会影响您的网站速度，因此在做出决定时请记住以下类型的托管：

  1. 托管托管：托管托管通常更昂贵，但可以通过其他服务帮助您提高 WooCommerce 性能，例如备份解决方案和访问更灵活的 CDN。
  2. 非托管主机：非托管主机没有这些额外的好处。 因此，您需要找到自己的页面速度和安全性解决方案。
  3. VPS： VPS 托管意味着您的站点托管在具有自己分配的带宽、CPU 和 RAM 的虚拟专用服务器上； 因此，就 WooCommerce 性能和正常运行时间而言，这是一个非常可靠的选择。
  4. 云托管：使用云托管，您可以使用拥有大型远程服务器的提供商来托管您的网站。 云托管服务使您能够根据需要使用尽可能多的带宽来随着站点的增长扩展您的托管。 这使得灵活调整定价以应对更高的流量激增变得容易。

6.页面缓存

缓存的主要目的是通过减少访问较慢存储层的需要来提高数据检索性能。 因此，缓存是加速 WooCommerce 商店的最简单方法之一。 如果你有正确的智慧，你可以自己处理这件事。 或者，您可以下载缓存插件。 但是，如果您不确定自己在做什么，最安全的选择是聘请专业人士。

也就是说，缓存既可以存储在您的服务器上，也可以存储在用户的设备上； 让我们依次看看这两个选项：

服务器缓存

服务器缓存有助于使动态内容静态化以加快其页面加载时间。 它由对象、页面缓存和 CDN（内容交付网络）组成。 CDN 是战略性地分布在世界各地的服务器组。 他们的角色允许通过减少个人用户与电子商务网站资源之间的距离，快速转移资产以加载 HTML 页面、javascript 文件、图像、视频、CSS 等内容。 CDN 的主要功能是缓存和交付静态资源（如产品图像等），然而，更强大的 CDN 可以托管和交付动态内容（如音频和视频）。

浏览器缓存

相比之下，浏览器缓存存储在客户端，使您的 WooCommerce 网站在重复查看期间加载速度更快。 用户的浏览器会缓存您电子商务商店的所有静态内容文件，从而在用户从同一设备和 Internet 浏览器再次访问时更快地加载。

7. 让您的网站以移动为先

移动体验比以往任何时候都更加重要，因为 Google 已将其 SERP 中显示的超过 50% 的网站转向移动优先索引！ 因此，请使用 Google 的移动设备友好性测试工具检查您的 WooCommerce 商店的移动设备友好性，以查看您的网站是否通过了最低移动可用性标准。

您还应该确保您的网站提供出色的移动体验，例如：

  • 快速登录选项——例如，通过 Facebook、Google 等进行社交登录
  • 具有简单导航的响应式电子商务网站。 避免下拉菜单和表单填写太多字段。
  • 一页结帐
  • 可以通过移动设备访问不同的支付网关，例如 Stripe、Amazon Pay、PayPal、Bolt 等。
检查您网站的移动设备友好性

8. 核心网络生命力

最后，您还可以通过确保您的网站符合 Google 的核心网络生命力来加快您的 Woocommerce 性能。 了解这些生命力如何在您的 WooCommerce 网站的性能中发挥作用至关重要。 您可以在我们最近撰写的一篇关于核心网络生命力的文章中阅读有关此主题的更多信息。

优化 Woocommerce 性能的注意事项

最后但同样重要的是，让我们在优化 WooCommerce 性能时介绍一些“注意事项”和“注意事项”：

做：

  • 选择安全但灵活的备份解决方案。 您的 WooCommerce 网站可能会存储敏感数据，因此拥有一个不会影响您的 WooCommerce 性能的良好备份解决方案至关重要。 在高质量备份解决方案中寻找的一项功能是在本地保存任何备份文件之前分析服务器资源的能力。
  • 执行定期速度检查：通过速度检查定期运行您的 WooCommerce 商店，以从不同位置衡量您网站的性能。 请记住，您的网站会再次变得混乱，并且可能会随着时间的推移而变慢。
  • 投资于 Woocommerce 网站维护。

不：

  • 将外观放在 WooCommerce 性能之前。 借助出色的 WordPress 主题，您的网站可能看起来很棒，但如果访问您的内容需要很长时间，用户会毫不犹豫地跳出。 相反，您需要在网站外观和商店性能之间找到折衷方案。
  • 忽略客户旅程。 了解客户如何使用您的 WooCommerce 网站是提高转化率的第一步。 客户旅程审核可让您了解用户如何与您的在线商店互动。 这样一来，您就可以看到有效的方法，更重要的是，可以看到需要改进的地方。

您准备好加快 WooCommerce 网站的性能了吗？

永远不要低估 WooCommerce 性能对您商店收入的影响。 虽然您可以自行快速检查 WooCommerce 商店的加载速度，但找到延迟的根本原因并在不冒失误风险的情况下提高网站性能是另一回事。 因此，如果您对自己的能力有信心，请仅尝试执行您自己的网站优化。

聘请专业人士（代理机构或自由职业者）是避免弄乱您的 WooCommerce 商店并损失收入的最佳选择。 这就是 Codeable 发挥作用的地方。 Codeable 是一个平台，它将数字专业人士和像您这样的 WooCommerce 企业主与经过审查和经验丰富的专家联系起来。 我们的匹配系统确保您只在需要时被介绍给具有适当技能和经验的专业人士来处理您的项目。

那你还在等什么？ 立即在 Codeable 上提交您的项目，无需开始就可以开始，并让您的 WooCommerce 性能加速。