加速 WooCommerce 商店的 12 种简单方法

已发表: 2022-07-03

Nexcess 的托管 WooCommerce 托管旨在让您的电子商务商店闪电般快速。

加速您的 WooCommerce 商店可以帮助防止客户流失和销售损失——无论您是 Nexcess 托管的 WooCommerce 托管的店主,还是尚未准备好使用专业产品的 WooCommerce 店主。

虽然您可能认为改善用户体验需要收集更多用户分析并包括个性化和实时聊天等工具,但这些工具和分析实际上可能会减慢您的网站速度。

提高商店的速度可以通过改善用户体验对您的 SEO 产生积极影响。 事实上,加载时间超过 3 秒的网站将被 40% 的购物者放弃。 2 秒延迟会使跳出率提高 103%。 甚至 100 毫秒的延迟也会影响 7% 的转化率。 延迟加载会直接导致收入损失,尤其是在网络星期一和黑色星期五等高峰时段。

无论您是使用共享托管选项,还是尚未发展到需要完全托管选项的阶段,我们在下面包含的 12 项强大更改都可以帮助优化您的 WooCommerce 网站、加速您的商店并提高性能。 最重要的是,这些更改不会花费大量时间、精力或成本来实施。

1. 测试您网站的当前速度

为了加快您的 WooCommerce 商店,您需要测试您当前的速度——您可能需要在进行更改和优化您的 WooCommerce 网站时继续测试速度。 通过测试速度,您可以确定您的改进正在发挥作用。

如果您想要一种简单的方法来测试网页的速度,请尝试 WebPageTest。

Google 的 PageSpeed Insights 查看页面内容并提供建议以加快页面速度。

这两个网站都提供更复杂的指标和分析。 Google 拥有 PageSpeed 工具,其中包括协议和标准以及性能最佳实践,而 WebPageTest 拥有捕捉用户视觉体验的工具。

2.确保你有一个快速的主题

拥有具有许多内置功能的视觉上令人印象深刻的 WooCommerce 主题听起来可能会改善用户体验。 但是,这些功能需要时间来加载。 为您的商店选择最快的 WooCommerce 主题可能相对简单。

在选择主题之前,请考虑您希望在线商店中包含的所有功能。 写下这些特征,并根据需要对这些特征进行评分。 此任务将帮助您代替将来到您商店的用户 - 并帮助您仅包含用户成功所必需的内容。

确保您的主题与 WooCommerce 完全兼容——并且它是为电子商务设置的主题。

最快的 WooCommerce 主题通常是轻量级主题,并使用页面构建器来帮助您仅包含加速 WooCommerce 商店所需的功能。 您甚至可以从免费主题开始。 这些顶级 WooCommerce 主题可能适合您。

3. 评估您现有的插件、小部件和外部资源

您现有的插件、小部件和外部资源是否优化了您的网站,或者它们是否会在没有显着增加功能、优化用户体验并最终创造收入的情况下减慢您的 WooCommerce 商店?

要了解如何加快您的 WooCommerce 网站,请查看您的插件小部件外部资源。 插件可以帮助提高性能。 小部件和共享工具可以将您的 WooCommerce 网站连接到社交媒体。 外部资源可能会使您的网站看起来很棒,但它们是否改善了用户体验?

外部资源(例如脚本、样式表、字体甚至 Google Analytics)似乎有助于组织您的网站,但是,并非总是可以优化这些外部资源的性能,而且它们可能会减慢您的网站速度。

为了加快您的 WooCommerce 商店,请考虑使用简单的共享按钮将小部件替换为社交媒体。 这些共享按钮可防止添加额外的 HTTP 请求并限制对 DNS 查询的内部依赖。

插件在某些领域可能会有所帮助,但在其他领域则不太有用。 考虑使用插件来压缩图像、改进结帐和运输选项、减少购物车遗弃和增加销售额。 插件还可以清理您的 WooCommerce 商店数据库——插件可以自动执行此过程。 清理您的数据库也可能会提高您网站的速度。 查看 WP-Optimize 插件。

插件还可以减慢您的 WooCommerce 网站。 只安装最基本的插件,并记得检查插件的速度。

4. 使用片段:让您的 WooCommerce 商店更快的好方法

代码片段是简单、常识性的 WooCommerce 修改的基础。 使用Snippets插件,您可以轻松下载和安装其他人创建的片段,或创作自己的片段。 片段可以通过多种方式帮助加速您的 WooCommerce 商店,包括向您的商店添加功能,或通过禁用未使用的任务、区域或小部件。

在下面的示例中,我们删除或禁用了项目,而不是添加元素来调整性能。 我们这样做是因为这些任务需要付出努力,并且使用后端资源的每一个不必要的操作都可能会影响您商店的性能。

片段可以使您的 woocommerce 商店更快

请注意,此示例中的每个片段都已标记。 标记您的片段可以轻松地围绕您所做的影响您的管理区域、WooCommerce、小部件或仪表板的更改保持井井有条。

5. 查看 Little Bizzy 插件

Little Bizzy创建的插件可以以微小而有意义的方式优化您的 WooCommerce 商店。 他们将禁用 AJAX 购物车片段以帮助缩短加载时间,并禁用内部和外部嵌入以加速页面呈现。 同样,我们希望减少多余的部分以加快您的 WooCommerce 商店的速度。

禁用 little bizzy 可以让您的 woocommerce 商店更快

6.看看WP禁用

Optimization.io提供WP Disable ,这是一个插件选项,可让您获得极大的灵活性,同时易于使用。 安装插件会在您的管理菜单中添加一个 Optimization.iolink,它会将您直接带入修改区域。

WP Disable 令人惊叹的组件之一是能够专门专注于您的 WooCommerce 商店,同时只需单击几下即可对您网站的其他区域进行整体改进。 谈论一种让您的 WooCommerce 商店更快的简单方法!

让我们看一下“请求”选项卡上的一些示例,在标题恰当的“删除多余膨胀”部分下。

WP disable 可以让你的 woocommerce 商店更快

7.“清理”你的商店

如果您添加了扩展并在产品页面上创建了默认修订检查,修订检查可能会减慢您的 WooCommerce 商店。

扩展可以提供帮助,但请考虑评估扩展的性能,以确保它们是相关的和必要的。 您可以通过用等效代码替换一些扩展来加速您的 WooCommerce 网站。 用等效代码替换扩展也可以提高性能。

WooCommerce 网站上的修订检查是一个很好的起点。 修订检查允许您返回并查看对产品页面的更改。 虽然修订检查可能很棒,但如果您只是进行微小的更改,例如更改一两个单词,那么原始产品页面的那些修订副本会加起来并减慢 WooCommerce 的性能。 考虑禁用或限制修订数量。

8.禁用不必要的元素

表情符号

表情符号可能很有趣,但它们会减慢您的 WooCommerce 网站的速度。 除非您特别希望表情符号可用,否则它们是不必要的,只需单击“禁用表情符号”滑块即可将其作为选项删除。

禁用表情符号可以让您的 woocommerce 商店更快

查询字符串

如果您曾经在商店中运行过 GTMetrix 或 Pingdom 性能测试,您可能会看到“从静态资源中删除查询字符串”的建议。 这是因为某些服务器和代理服务器无法缓存查询字符串,删除它们可以使您的 WooCommerce 商店更快。

禁用查询字符串可以使您的 woocommerce 商店更快

9. 托管附属广告和产品

对于广告,请考虑使用单个网络 - 或自己托管图像。 通过自己托管图片,您可以控制广告展示位置、优化图片并减少 DNS 查询。

10.压缩你的图片

图片可能是电子商务网站的关键部分,但图片会显着降低您的网站速度。

图像是插件可以提供帮助的地方,但尽可能避免使用图像压缩插件。 WordPress 提供了一个可以压缩 JPG 和 PNG 的插件的链接,并且使用单个 API 密钥,您每月可以获得多达 100 个免费图像压缩。

考虑在将图像上传到您的站点之前对其进行压缩。 对需要大量细节的照片和高分辨率图像使用 JPG 格式。 将 PNG 用于图标、徽标、插图和透明图像——基本上,大多数不是或不需要是 JPG 的图像。

GIFS 非常适合动画。 虽然 GIF 可用于小图像,但 PNG 通常效果更好。

11.使用DNS预取

DNS Prefetch 是一个选项,可让您的站​​点预解析域以加快加载时间。 启用 DNS 预取时,您将提供您通常链接或重定向到的域列表。 在这些域被解析后,再次解析它们的延迟被消除。

启用 DNS 预取可以让您的 woocommerce 商店更快

12. 选择使您的 WooCommerce 商店更快的平台选项

我们刚刚讨论的所有调整都有可能使您的 WooCommerce 商店更快,但是 WooCommerce 本身呢?

您不太可能需要 WooCommerce CSS 或脚本在没有 WooCommerce 元素的页面上运行。 再一次,我们可以禁用一些不必要的东西并获得很多性能,因为您的后端不必工作来加载不需要的东西。

相同的概念适用于评论购物车片段。 对于每个项目,您只需单击滑块,然后保存更改。

WooCommerce 上有本地平台选项可以让您的 woocommerce 商店更快

您的商店可能不在托管 WooCommerce 托管平台上托管,但这并不意味着您无法从我们每天使用的某些相同选项中受益。 从代码片段到插件,我们相信这些久经考验的真实方法可以让您的 WooCommerce 商店更快。

我们可以为您解决这个问题!

当您准备好让我们为您处理这些事情时,请查看 Nexcess 的托管 WooCommerce 托管。

探索托管 WooCommerce
免费试用

该博客最初于 2018 年 3 月发布。此后为了准确性和全面性进行了更新。

相关内容

  • WooCommerce 运输类别、区域和方法指南
  • 成功的电子商务主页的要素
  • 提前放弃购物车的 7 种方法
  • 如何创建 WordPress 性能调整策略