2022 年 12 个最快的 WooCommerce 主题

寻找最快的 WooCommerce 主题？

对于 WooCommerce 商店，速度是关键，因为页面加载时间直接影响转化率（决定您的收入）。 虽然您的 WooCommerce 主题并不是影响商店加载时间的唯一因素，但它将发挥重要作用。

出于这个原因，您想选择一个 WooCommerce 主题，该主题将为您的商店在速度部门取得成功做好准备。

为了帮助您做到这一点，我们使用一些最受欢迎的选项进行了我们自己的动手性能测试，让您对最快的 WooCommerce 主题有一个有证据支持的外观。

我们将详细解释我们如何测试主题，以便您了解数据的来源。 然后，我们将分享每个主题的结果，以及主题的主要功能和定价信息。

我们如何测试最快的 WooCommerce 主题

以下是我们测试环境的完整细节：

测试地点

首先，我们的测试站点托管在廉价的 DigitalOcean 服务器上，尽管价格昂贵，但它实际上提供了相当稳定的性能。 它在全 Nginx 堆栈上运行（由 RunCloud 提供支持）。

为了创建一个真实的测试站点，我们使用以下内容设置我们的站点：

1. WooCommerce
2. 标准 WooCommerce 虚拟数据，可导入许多产品，包括图像和所有相关产品详细信息

我们没有进行任何性能优化，例如缓存或代码优化。 在现实世界中，您可以通过使用缓存插件和其他速度优化插件以及按照我们的指南加速 WordPress 来获得更好的加载时间。

我们也没有更改任何主题自定义选项——我们只是使用了默认设置。 这是比较主题的“最公平”的方式，尽管如果您导入演示网站或使用一些 WooCommerce 功能，您的网站可能会稍微重一些。

为了确保我们收集到有意义的性能数据，我们测试了每个主题的同一个产品页面（而不是主页）。

单个产品页面看起来像这样（示例主题是 Storefront）：

测试工具

为了收集测试数据本身，我们使用了 WebPageTest。 我们喜欢 WebPageTest 有几个原因：

1. 它显示了各种指标，包括第一个字节的时间 (TTFB)、Core Web Vitals（包括最大的内容绘制）、加载时间、HTTP 请求和页面大小。
2. 我们可以将其配置为运行九个单独的测试并取中值，这消除了单次测试的可变性并让我们获得更准确的结果。
3. 我们可以将其配置为运行桌面和移动测试并选择各种连接速度。

我们希望这些数据尽可能有用，因此我们设置了测试来模拟真实场景并运行了两个不同的测试：

1. 桌面：从桌面设备进行测试并使用节流 FIOS 连接 - 20/5 Mbps 4ms RTT。
2. 移动：从 iPhone 7+ 手机进行测试，并使用节流的“3G 快速”连接 - 1.6 Mbps/768 Kbps 150 ms RTT。 WebPageTest 让我们可以使用真正的 iPhone 7+ 设备，而不是像其他一些工具那样模拟手机。

因为我们正在限制连接速度，所以您会看到比使用 Pingdom 等工具（它使用超快的无限制连接）“更慢”的结果。 但是，这些速度将更准确地反映您真正的人类访问者的体验，因为他们中的大多数人不会在超快的 Internet 连接上浏览。

桌面时代也将比移动时代快。 发生这种情况有几个原因：

• 移动连接速度较慢，因为我们正在节流到 3G。 在现实世界中，如果您的移动访问者使用 4G 或将手机连接到 WIFI，他们可能会体验到更好的加载时间。
• 移动设备不如桌面设备强大，这意味着处理 JavaScript 需要更长的时间。 请记住——我们使用的是旧款 iPhone 7+，而不是最新的顶级机型。

我们将在表格中显示测试结果，但如果您想查看每个指标，我们还将链接到完整测试结果的图像。 以下是我们将介绍的指标：

• 到第一个字节的时间 (TTFB) – 站点响应第一个数据字节所需的时间。
• 最大内容绘制 (LCP) – 主要内容变得可见所需的时间。 它旨在捕捉性能的用户体验部分，这是大多数人关心的。 它也是 Google 新的 Core Web Vitals 计划的一部分，Google 将在 2021 年 5 月的页面体验更新中将其用作排名因素。
• 完全加载时间——WebPageTest 将其定义为“onLoad 之后网络活动停止 2 秒的时间点”。
• HTTP 请求——站点发出多少 HTTP 请求——越少越好。
• 页面大小——整个页面的文件大小——越小越好。

请注意，WebPageTest 没有为我们运行的移动测试提供 LCP 值。

介绍完所有这些之后，让我们来看看最快的 WooCommerce 主题吧！ 它们按移动满载时间排序，因为我们认为移动性能对电子商务商店来说非常重要。

在这篇文章的最后，我们还将所有数据放在一起，所以请继续阅读到最后以获得结论。

1. 悉尼

悉尼是我们自己的轻量级多用途主题，还带有深度的 WooCommerce 集成。

在 Sydney 1.75 中，我们进行了许多性能改进，以帮助它在这个最快的 WooCommerce 主题列表中获得一席之地。

Sydney 没有 jQuery 依赖项，它按照最佳实践进行编码，以帮助您的商店快速加载。

除了性能之外，它还具有完整的 WooCommerce 兼容性和功能，以及一些用于 WooCommerce 商店的可导入演示站点。

主要特点

• 三个 WooCommerce 演示站点（以及许多非 WooCommerce 演示）
• 产品价格、销售徽章、产品标题等的可定制样式
• 飞入式微型推车
• 无干扰结账
• 视频头支持
• 深度 Elementor 集成，包括自定义 Elementor 块
• 没有 jQuery 依赖项
• 内置模式标记以改善 SEO

性能信息

• 桌面结果
• 移动搜索结果

价钱

悉尼有免费版本，但您需要高级版本才能访问所有 WooCommerce 功能和演示站点。 在无限站点上使用它的费用为 69 美元。

2. 卡登斯

Kadence 是一个较新的 WordPress 主题，它迅速流行起来。 这是一个灵活的多用途主题，还提供与 WooCommerce 的深度集成。

总的来说，原生 WordPress 定制器中提供的深度定制选项引起了很多关注。

主要特点

• WordPress 定制器中的详细定制选项
• 拖放页眉和页脚构建器
• 当用户将产品添加到购物车时自动打开侧购物车
• 阿贾克斯加入购物车
• 在关键位置轻松添加缩微副本和信任徽章
• WooCommerce 商店的两个可导入演示站点

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心 Kadence 主题可在 WordPress.org 免费获得。 免费主题确实包括基本的 WooCommerce 兼容性，但如果您对您的商店很认真，您将需要专业版。

专业版可让您访问所有附加组件，包括 WooCommerce 附加组件，只需 79 美元即可获得一年的支持和更新。 或者，您可以花 219 美元购买 Kadence Suite，其中包括开发人员提供的其他 WooCommerce 插件。

3. 波蒂加

Botiga 是我们全新的免费 WooCommerce 主题，我们从头开始构建以优化性能。

它使用原生 JavaScript，不依赖于 jQuery 或其他库，并且默认情况下还缩小了其 CSS 和 JavaScript。

开箱即用，它的重量仅为 82.8 KB，其设计目的是保持轻量级，因为所有演示站点都是使用原生 WordPress 块编辑器而不是较重的页面构建器构建的。

但与此同时，Botiga 不会吝啬功能，您可以访问许多样式选项和电子商务功能，以使您的商店取得成功。

主要特点

• 100% 致力于 WooCommerce
• 使用 vanilla JavaScript、内置缩小等针对性能进行了优化
• 使用轻量级 WordPress 块编辑器 (Gutenberg) 构建的预制演示站点
• 高级 WooCommerce 自定义选项，包括多种购物车布局、产品过滤器、销售徽章等
• 实时 WordPress 定制器中的灵活设计选项

性能信息

• 桌面结果
• 移动搜索结果

价钱

Botiga 有一个免费版本，可以很好地用于简单的 WooCommerce 商店。 然后，有一个 Pro 版本，它添加了有用的新功能，例如产品样本、更多标题样式、灵活的侧边栏位置、愿望清单、粘性购物车等等。

专业版的费用为 69 美元，可在无限站点上使用。 您可以在定价页面上查看 Botiga 免费版与 Pro 版之间的完整功能比较。

4.尼芙

Neve 是来自 ThemeIsle 的轻量级多用途主题。

免费的核心主题提供了轻量级的基础和一般的 WooCommerce 兼容性，而高级版则通过其 WooCommerce Builder 模块堆叠了一系列 WooCommerce 特定的功能。

主要特点

• 拖放页眉和页脚构建器
• 带有 WooCommerce Builder 插件的定制器中的详细 WooCommerce 选项
• 选中复选框启用/禁用产品元数据
• 产品图片放大
• 无干扰的结帐页面，包括隐藏某些字段的选项，例如，如果您不提供优惠券，则为优惠券字段
• 产品快速浏览
• 愿望清单功能

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心 Neve 主题可在 WordPress.org 免费获得。 要访问 WooCommerce Booster 模块和其他高级功能，Pro 版售价 99 美元（有一个更便宜的计划，但它不包括 WooCommerce Booster 模块）。

5. 阿斯特拉

Astra 是现有最流行的主题之一，它是第一个在 WordPress.org 上通过 100 万次活跃安装的非默认主题。

这是一个多用途主题，可用于任何类型的网站。 此外，它在高级版本中包括对 WooCommerce 的深度兼容性，以及许多有用的功能。

主要特点

• 大量可导入的 WooCommerce 演示网站
• WordPress 定制器中的大量样式和布局定制
• 产品过滤器和小部件的画布侧边栏
• 产品快速浏览
• 产品无限滚动
• 下拉购物车
• 灵活的产品库选项
• 无干扰结账
• 产品目录排序选项，例如按受欢迎程度（销售额）或平均评分排序

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心 Astra 主题可在 WordPress.org 免费获得。 免费主题确实包括基本的 WooCommerce 兼容性，但您需要高级插件才能访问大多数 WooCommerce 特定功能和自定义选项。

Astra Pro 在无限站点上使用的费用为 59 美元。

6. 伍斯特化

Woostify 是一个 100% 专注于 WooCommerce 的 WordPress 主题。 就个人而言，我认为这个主题是“Astra，如果 Astra 仅适用于 WooCommerce 商店”。

因为它仅适用于 WooCommerce，所以开发人员可以将所有精力用于构建 WooCommerce 演示站点并添加 WooCommerce 功能。

主要特点

• 针对不同领域的预建 WooCommerce 演示站点——演示站点使用 Elementor 作为演示内容，可以轻松定制
• 与流行的愿望清单插件（YITH Wishlists 和 TI Wishlist）的内置集成
• WooCommerce 的大量定制器设置
• 多种购物车布局
• 视频产品库支持
• 销售倒计时增加紧迫感
• 销售/查看通知
• 滑出式推车

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心 Woostify 主题可在 WordPress.org 免费获得。 它包括基本功能以及一些演示站点。

要解锁所有演示站点并添加更多功能，您可以购买 Woostify Pro，起价为 49 美元，以便在单个站点上使用。

7. 店面

Storefront 是 WooCommerce 的“官方”免费主题，已下载超过 500 万次。

由于它由核心 WooCommerce 团队开发和维护，因此它在编码时考虑了最佳实践，并与许多官方 WooCommerce 扩展深度集成。

主要特点

• 直接来自 WooCommerce 团队
• 专为 WooCommerce 打造
• 使用原生 WordPress 定制器定制您的商店
• 许多店面儿童主题让您改变设计并使您的商店适应特定的利基市场

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心店面主题是免费的。

然后，WooCommerce 团队提供了许多免费和付费的儿童主题和扩展。

首先，Storefront Extensions 捆绑包以 69 美元的价格为 Storefront 添加了许多新功能和自定义选项。

在店面儿童主题方面，您会发现免费和付费选项。 高级儿童主题每个售价 39 美元。

8. 生成新闻

GeneratePress 是一个流行的轻量级多用途主题，在性能和代码简洁方面享有盛誉。

虽然您可以使用它来创建任何类型的 WordPress 网站，但您还可以获得许多 WooCommerce 特定的功能，特别是如果您升级到 GeneratePress Premium（付费插件插件）。

主要特点

• 干净、轻量级的代码
• 高级版中的专用 WooCommerce 插件 – 为您提供 WooCommerce 的特殊布局和样式选项
• 菜单中的购物车图标 - 显示商品或购物车价值
• 粘性面板购物车 – 当购物者将商品添加到购物车和/或向下滚动时，会显示一个粘性通知栏
• 选中复选框即可轻松启用/禁用显示产品元数据
• 无干扰结账

性能信息

• 桌面结果
• 移动搜索结果

价钱

核心 GeneratePress 主题可在 WordPress.org 免费获得。 免费主题确实包括基本的 WooCommerce 兼容性，但您需要高级插件插件才能解锁大多数 WooCommerce 特定功能和自定义选项。

GeneratePress Premium 一年的支持和更新费用为 59 美元，终身支持和更新费用为 249 美元。

9. 兰花店

与 Woostify 一样，Orchid Store 是专门为 WooCommerce 构建的——它不像许多其他选项那样是多用途主题。

它提供了比其他主题更“繁忙”的演示站点。 这不是批评，只是我在浏览它的演示时注意到的。

主要特点

• 专为 WooCommerce 打造
• 三个可导入的电子商务演示网站
• 阿贾克斯加入购物车
• 内置愿望清单支持
• 货币切换器（专业版）
• 产品交易小部件（专业版）

性能信息

• 桌面结果
• 移动搜索结果

价钱

Orchid Store 在 WordPress.org 上有一个免费版本，还有一个高级插件，它为核心主题添加了额外的功能，在单个站点上使用需要 49 美元。

10. 优化器

与此列表中的许多其他主题不同，这些主题是具有详细 WooCommerce 集成的多用途主题，Shoptimizer 是一个 100% 专用于 WooCommerce 的 WordPress 主题。

与其他主题相比，这种单一的焦点使其构建了一些更高级的 WooCommerce 特定功能。

最显着的结果之一是一套以转化为重点的功能，例如销售倒计时和库存状态紧急通知、关键位置的信任徽章、用于解释运输和退货政策的额外显微空间等等。

它还包括一些内置功能来改善购物体验，例如带有即时结果的内置 Ajax 搜索。

主要特点

• 100% 致力于 WooCommerce
• 内置代码缩小以提高性能
• 内置转换优化功能，例如信任徽章、微文案等。
• 无干扰结账
• 滚动上的粘性产品详细信息
• 推动紧迫性的单一产品 FOMO，例如销售倒计时或“库存仅剩 X 件”
• “请求回电”功能，对高价值产品很有用
• 即时搜索结果的 Ajax 产品搜索
• 使用 Elementor 进行演示内容，便于定制

性能信息

• 桌面结果
• 移动搜索结果

价钱

Shoptimizer 仅提供高级版本。 它的标价是 99 美元，但基本上是永久折扣 39 美元，所以你应该可以花 39 美元购买它。

11. 海洋WP

OceanWP 是另一个以其灵活性和自定义选项而闻名的多功能主题。

它不像其他一些主题那么轻巧，但它确实提供了大量 WooCommerce 特定的功能，这可能会使轻微的性能权衡值得一试。

主要特点

• 许多可导入的电子商务商店演示网站
• 灵活的购物车图标
• 产品快速浏览
• 无干扰结账
• 带进度条的多步结帐
• 适用于台式机和移动设备的滑出式推车
• 画布外产品过滤器
• 滚动时浮动添加到购物车栏

性能信息

• 桌面结果
• 移动搜索结果

价钱

OceanWP 的核心版本可在 WordPress.org 免费获得，但 WooCommerce 商店将希望高级版本解锁所有功能和演示站点。

高级版起价为 39 美元，可在单个站点上使用。

12. 迪维

Divi 是最受欢迎的高级 WordPress 主题之一，这在很大程度上要归功于其捆绑的拖放构建器（Divi Builder）。

如果您纯粹追求速度，Divi 将落后于这些其他主题。 但是，如果您追求速度和灵活性，并且无论如何都打算使用页面构建器，那么 Divi 实际上并不像乍一看那样落后。

请记住，Divi 已经包含了可视化拖放构建器的“重量”，而其他主题则没有。 因此，例如，如果您要将 Elementor 或 Brizy 添加到这些主题中的另一个主题中，那么一旦您增加了这些构建器的权重，它们就会更接近 Divi。 当然，如果您不打算使用视觉构建器，那么 Divi 就没有任何意义。

主要特点

• 内置拖放生成器（Divi Builder）
• Divi Builder 支持页面构建和完整主题构建，包括使用拖放构建器设计 WooCommerce 商店的模板
• 页面构建器中的专用 WooCommerce 模块
• 大型第三方市场，包括来自第三方开发者的专注于 WooCommerce 的附加组件

性能信息

• 桌面结果
• 移动搜索结果

价钱

Divi 仅作为优雅主题会员资格的一部分提供，您可以访问所有优雅主题的产品，并以一个价格在无限的个人和客户网站上使用。 您可以为一年会员支付 89 美元或为终身会员支付 249 美元。

哪个是最快的 WooCommerce 主题？

我们已经向您展示了各个主题的大量数据。 现在，让我们将所有内容放在一起，让您看看这些主题的比较。

我会用几种不同的方式来解决这个问题。 首先，让我们谈谈移动和桌面最快的整体主题：

• 移动：Botiga 在满载时间中排名第一。
• 桌面版：Neve 在满载时间方面排名第一，而 Woostify 在最大内容绘画方面排名第一。

（请记住，WebPageTest 没有在移动设备上提供 LCP 时间。）

当然，第一名和第二名之间的差距很小（甚至是第一名和第七名）。 因此，为了了解所有主题的比较情况，我整理了一些图表：

手机（按满载时间排序）：

台式机（由 LCP 订购）：

HTTP 请求和页面大小（按 HTTP 请求排序）：

此外，如果您想查看所有数据的原始转储，可以在此处查看完整表格。

总体结论

这是很多数据！ 如果我们在考虑桌面和移动性能时必须归结为几个结论，表现最好的似乎是：

• 悉尼 – 在移动端排名第二，在桌面 LCP 排名第二。
• Neve - 在桌面结果中排名第一，在移动中排名第三。
• Botiga – 在移动端排名第一，在桌面 LCP 排名第六。
• Woostify – 在桌面 LCP 中排名第一，但在桌面和移动端的满载时间均排名第五。
• GeneratePress - 在桌面和移动设备上都有最小的页面大小。 在桌面加载时间方面也排名第二。

正如我已经提到的，主题之间的差异并没有那么大。 例如，就桌面满载时间而言，Astra 仅落后于 Neve 大约十分之一秒，因此我们并不是在谈论排名第一和排名第七之间的巨大差异。

因此，如果您绝对喜欢其他主题之一，即使使用不同的主题，您仍然可以创建一个非常快速加载的网站。

您对最快的 WooCommerce 主题或我们如何测试这些主题有任何疑问吗？ 在评论部分询问我们！