2022 年 10 个最快的 WooCommerce 主题(基于我们的深度测试)
已发表: 2022-05-04一家每月收入 30,000 美元的商店可能会因为一秒钟的延迟而每年损失 25,000 美元的收入。 对于比这慢的商店,损失会更大。
快速 WooCommerce 商店的关键组成部分之一是它的主题。 选择错误的主题可能会降低转化率、对用户体验产生负面影响并损害搜索引擎排名,从而减慢您的商店并损害您的业务。
因此,为了帮助您确保您的主题不会阻止您的网站尽快加载,我们比较了 2022 年可用的 10 个最快的 WooCommerce 主题的性能。
其中一些是专门为 WooCommerce 商店设计的,而另一些则是具有良好电子商务模板和功能的通用选项。 这些主题中的大多数都声称是最快的,而其他主题则被包括在内,因为它们是非常受欢迎的选项。
结果总结
您可以在本文后面查看测试的完整结果,并准确了解测试是如何运行的; 然而,这里有一个快速的总结,解释了哪些主题是最快的。
对于测试,我们使用了 Google PageSpeed Insights (PSI) 和 Pingdom。 在运行测试之前,以及在激活每个主题之后,刷新网站以准备每个主题的内部缓存。 PSI 和 Pingdom 都给出了总体性能等级(满分 100 分),以及有关站点性能的更详细信息。
PSI 还衡量主题在桌面和移动设备上的表现。 对于 Pingdom,评估的只是桌面体验。 对各个站点的单品页面和店铺首页进行了测试。
根据 PSI 的两个页面(单个产品和商店主页)的平均 PSI 性能等级,性能最佳的主题是:
- 最佳移动 PSI 性能等级:Shoptimizer(平均等级 93.5)。
- 最佳桌面 PSI 性能等级:Botiga(平均等级 92.5)。
- 最佳整体 PSI 桌面和移动性能等级:Shoptimizer(平均等级 86.25)。
正如您将在本文中看到的,测试结果不仅仅是性能等级。 但是,它们确实很好地概述了主题的速度。
首次输入延迟和总阻塞时间
在结果中查看的一个有用指标是总阻塞时间 (TBT)。 TBT 很好地指示了页面变为交互式所需的时间,例如,当用户单击按钮或其他交互式页面元素时能够执行操作。 这在首次输入延迟 (FID) 和用户感知页面的速度方面发挥了作用。
FID 测量从用户第一次与页面交互到浏览器实际能够开始处理对该交互的响应的时间。 尽管 FID 无法在实验室测试中测量,但由 PSI 测量的页面阻塞时间与 FID 具有很好的相关性。
根据谷歌的说法,如果一个任务的阻塞时间超过 50 毫秒,“用户很可能会注意到延迟,并认为页面缓慢或卡顿。” 页面的 TBT 是在首次内容痛苦 (FCP) 和交互时间 (TTI) 之间发生的每个长任务的阻塞时间之和。
您可以做的任何改进 TBT 的事情也应该改进 FID,这反过来会提高用户体验页面的速度。
几乎所有测试的主题都在桌面上获得了良好的 TBT 分数,但只有 GeneratePress、OceanWP 和 Storefront 在移动 TBT 测试中表现出色。
从所有结果来看,不仅仅是 TBT,Shoptimizer 总体上是最好的,尽管其平均 PSI 移动性能等级 (79) 略低于其他一些主题。 因此,您可能对 GeneratePress 主题更感兴趣,因为它在对单个页面和商店主页的得分进行平均时在移动设备和桌面设备上都得分很高(分别为 82.5 和 88.5)。
根据 Statista 的数据,随着全球移动零售电子商务销售额持续增长,从 2020 年的 29 亿美元跃升至 2021 年的 35 亿美元,选择一个对桌面和移动用户都适用的主题至关重要。 根据 PSI 测试,基于此,GeneratePress 是开箱即用的最佳选择。
Pingdom 测量了页面大小、加载时间和请求数量,同时也给出了性能等级,发现 Astra 拥有最快的单品和商店页面,尽管 Botiga 和 GeneratePress 的平均性能等级略高。
2022 年最快的 WooCommerce 主题是哪个?
由于这些主题是根据 Pingdom 和 PSI 的一系列标准进行测试的,因此要选出一个明确的赢家来确定哪个是 2022 年最快的 WooCommerce 主题并不容易。
然而,在所有测试中表现最好的主题是 Boitga、GeneratePress 和 Shoptimizer。
您可以在下面查看测试结果的完整详细信息,以帮助您找到适合您商店的最快主题。
最快的 WooCommerce 主题
以下是 WooCommerce 最快主题的详细信息,按字母顺序列出。
阿斯特拉

Astra 提供免费和付费版本,是一个完全可定制的 WordPress 主题。
在设置商店时,有许多精心设计的模板可供选择。 能够使用 Beaver Builder、Brizy、Elementor 和 WordPress 块编辑器编辑 Astra 模板为您提供了充足的创作自由。
Astra 的免费和付费版本都具有有用的 WooCommerce 友好功能来增强您的商店,尽管付费版本可以获得更多。
主要特征
- 可以编辑整个主题,包括页眉和页脚。
- 许多完全可编辑的电子商务模板。
- 能够为改进的用户体验创建单独的仅限移动设备的标题。
阿斯特拉测试结果

Astra 拥有一些最高的 Pingdom 性能等级。 PSI 给予 Astra 桌面用户非常积极的评价,但低于移动性能的平均水平。 总体而言,这是一个快速的 WooCommerce 主题,但此系列中有更快的选项。
博蒂加

Botiga 是另一个提供免费和付费版本的 WooCommerce。
在 WooCommerce 功能中,您会发现多种产品列表样式、一系列产品库设计和两种不同的购物车布局。 您还可以使用产品过滤器和建议来推广您的库存。 高级功能包括愿望清单、粘性添加到购物车按钮以及额外的页眉和页脚布局。
主要特征
- 两个电子商务商店演示。
- 高度可定制的清洁和最小的设计。
- 一组针对移动设备优化的标头。
Botiga 测试结果

Botiga 是本文测试的最快主题之一。 桌面 PSI 分数非常好,尽管还有一些其他主题具有更高的移动 PSI 分数。
迪维

Divi 是来自优雅主题的旗舰 WordPress 主题。 它带有大量有吸引力的网站包和个人模板,包括许多电子商务选项。
Divi 还捆绑了自己强大的页面构建器工具,集成到主题中。 Divi Builder 让您可以完全控制网站的设计,并且是此类最佳 WordPress 插件的强大竞争对手。
由于 Divi 具有易于使用的 A/B 测试功能,您可以运行实验来优化您的商店以获得更高的转化率。
主要特征
- 完全可编辑的在线商店演示的大型库。
- 具有完整站点编辑功能的集成页面构建器。
- 可定制的内容模块。
Divi 测试结果

Divi 有一些最大的页面大小,仅次于 OceanWP,这似乎对其某些分数产生了负面影响。 虽然 PSI 发现桌面性能很好,但移动性能是最差的。
生成新闻

GeneratePress 提供免费和付费版本,声称是可用的最快的 WordPress 主题。 付费购买高级版本可让您访问更多模板并访问高级支持渠道。
为了帮助您开设商店,GeneratePress 附带了许多电子商务模板。 由于这个主题有自己的编辑器,您可以通过可视化界面自定义网站的各个方面。
主要特征
- 多个电子商务商店网站演示。
- 基于块的主题构建器工具。
- 仅移动标题选项。
生成压力测试结果

GeneratePress 是整体测试中表现最好的 WooCommerce 主题,这要归功于它在 PSI 移动和桌面性能等级中的高分。 它在 Pingdom 测试中也表现出色。
卡登斯

Kadence 是另一个可以通过安装高级插件来增强的免费主题。
Kadence 还附带一个大型免费和付费网站演示库,其中包括许多电子商务设计。 WooCommerce 用户可以购买 Kadence 商店套件,为他们的商店添加更多电子商务功能,包括产品图像缩放、购物车通知、高级评论等。
主要特征
- 选择完全可编辑的页眉和页脚模板。
- 全局设置可以轻松自定义您的商店并始终保持一致的外观。
- 与 Beaver Builder 和 Elementor 兼容。
Kadence 测试结果


Kadence 在 Pingdom 测试中表现出色,商店主页的性能等级非常好。 但是,PSI 中的移动性能得分不如某些竞争对手。
内芙

Neve 有几个不同的变体,包括包含许多额外 WooCommerce 功能的高级商务包。
还有一个有限的免费版本,所以你可以在购买前尝试一下。 但是,为商业或代理许可证支付额外费用后,您可以访问更多商店布局、愿望清单功能、多种结账方式等。
Neve 还具有移动优先设计,应该让您的 WooCommerce 商店非常容易在小屏幕设备上浏览。 与领先的 WordPress 页面构建器插件的兼容性意味着您可以使用您选择的工具来编辑您的网站,或者只需使用默认的 WordPress 块编辑器。
主要特征
- WooCommerce 商店的许多功能。
- 与领先的第三方页面构建器合作。
- 超过 100 个可编辑的入门网站,包括许多电子商务选项。
Neve 测试结果

Neve 是测试速度更快的主题之一。 然而,与本次比较中最快的主题相比,它在一些 PSI 移动测试中略微落后。
海洋WP

OceanWP 是一个多用途主题,在付费版本中提供了许多电子商务商店演示。 免费版本附带一些电子商务演示,但升级到付费版本可以解锁更多演示和附加功能。
根据您选择的演示,您可以使用 Elementor 页面构建器插件编辑整个网站,包括页眉和页脚。 OceanWP 的付费版本包括一系列定制的 Elementor 模块,为您提供更多的创作自由。
主要特征
- 大量现成的网站演示,包括大量电子商务设计。
- Elementor 的定制模块。
- 用于改进移动用户体验的三种移动菜单样式。
OceanWP 测试结果

根据 Pingdom,OceanWP 拥有最大的页面大小和最多的请求,因此加载时间最慢。 PSI 移动分数也是最差的。 不过,PSI 中的桌面性能还可以。
优化器

Shoptimizer 是一个专注于 WooCommerce 的主题,在构建时考虑了速度和转换。
为了帮助加快您的商店,Shoptimizer 已缩小并启用了开箱即用的关键 CSS。 可以在您的商店产生更多销售额的以转化为中心的功能包括无干扰的结账体验、在产品页面上显示运输和退货信息的能力,以及让您的客户放心的信任徽章。
主要特征
- 库存计数器和倒数计时器以产生销售。
- 向上滑动销售通知以增加社交证明。
- 移动优先设计,用于改进智能手机用户体验。
Shoptimizer 测试结果

Shoptimizer 具有最好的平均 PSI 桌面性能等级以及较高的移动性能等级。 Pingdom 的结果也令人印象深刻。
店面

Storefront 是官方 WooCommerce 主题,可以免费使用。
免费版的 Storefront 足以开始并对其设计进行一些调整。 但是,如果您真的想创建个性化商店,则需要购买 Storefront Extensions Bundle 或一些单独的扩展。
主要特征
- 简洁的用户体验的最小设计。
- 用于快速改变商店外观的子主题库。
- 由负责 WooCommerce 的团队构建和维护。
店面测试结果

Storefront 在 PSI 中的平均桌面性能得分非常好,但由于相对较低的移动得分而令人失望。 Pingdom 结果很好,但不是最好的。
伍斯特化

Woostify 是另一个免费的 WooCommerce 主题,可以通过付费插件进行增强。
Woostify 的核心版本被设计为尽可能轻量级,目标是缩短加载时间。 由于可以通过扩展添加额外的功能,您可以通过仅安装您需要的附加组件来避免不必要地拖累您的网站。 所有附加组件和入门站点都可以以一个价格而不是每个附加组件的价格获得。
主要特征
- 可以使用 Elementor 编辑的免费和付费入门网站。
- 包含 WooCommerce 功能和更多自定义选项的付费附加组件。
- 多个产品页面、列表布局和标题模板。
Woostify 测试结果

在这次比较中,Woostify 的得分是最差的,尤其是在移动性能方面。
关于测试
对于测试,在 SiteGround 托管的 WordPress 网站上创建了全新安装。 网站上安装了 WooCommerce,并导入了插件的示例商店数据。
然后在 Pingdom 和 Google PageSpeed Insights 中测试了单个产品页面和商店主页的性能。 在 Pingdom 中选择了相同的测试位置,即最接近托管站点的位置。
对于每个测试,不同的主题被激活并以其默认状态使用。 没有导入任何主题演示,也没有安装任何其他插件。 由于没有使用任何性能工具,您可以通过启用缓存、使用 CDN、优化图像和部署缩小来获得更好的结果。 NitroPack 是一种可以帮助您完成所有这些工作的工具。
核心网络生命力

Core Web Vitals (CWV) 是 Google 用来为页面提供整体性能得分的测试集合。 页面的评分可以是好的,需要改进的,也可以是差的。 对于通过 CWV 测试并获得良好评级的页面,性能得分必须在 90 到 100 范围内。
CWV 分数基于最大内容绘制 (LCP)、首次输入延迟 (FID) 和累积布局偏移 (CLS) 测试的结果。 为了通过 CWV 测试,一个页面需要在所有三个组件上都获得良好的分数。
一般来说,这些测试不仅关注页面的速度,还关注页面的响应速度和视觉稳定性。

资料来源:https://web.dev/vitals-business-impact/
在本文中,您可以找到所测试主题的 LCP 和 CLS 分数。 如前所述,无法通过 PSI 实验室测试获得 FID,但 TBT 与 FID 密切相关。
良好的 CWV 分数有助于提供积极的用户体验,也有助于提高搜索引擎排名。
从上面的结果可以看出,在桌面测试中,有3个主题的单品页面性能评分在90分以上,8个主题在店铺首页测试中得分在90以上。 没有一个主题在移动测试中达到 90 或更高的及格性能等级。 然而,GeneratePress、Kadence 和 Shoptimizer 的得分最接近 90。
概括
如您所见,您对主题的选择确实会影响您商店的速度,尤其是在移动体验方面。
这些主题大多表现良好,表现成绩和其他分数都不错。 然而,有一些从竞争中脱颖而出,Botiga、GeneratePress、Neve 和 Shoptimizer 表现特别出色。
Divi、OceanWP 和 Woostify 似乎最挣扎,主要是在 PSI 移动结果方面。
正如我们之前提到的,移动在线购物正在继续流行,因此选择一个能够为这些受众快速加载的主题非常重要。
无论您选择哪个主题,请务必优化您的网站,而不仅仅是使用 WordPress、您的主机和主题的默认设置。 与上述所有主题兼容的 NitroPack 等工具可以通过多种方式快速提升您网站的性能,包括在移动设备上的加载速度。
