WordPress交流

2023 年 10 个最快的 WordPress 主题

—

目录

右键点我复制链接地址，分享页面有积分。

您是否正在寻找一个快速的 WordPress 主题？本指南对最常用的 WordPress 主题进行了一些速度测试。在本指南中，我们分享了轻量级且更可定制的主题（例如 Divi 或 Avada）的性能。我们还向您展示如何优化您的主题并使您的网站更快，这应该帮助您选择正确的工具。 

为了进行分析，我们选择了市场上最受欢迎的主题（免费和付费），以下是我们的候选列表： 

5 个轻量级主题 

  1. Hello
  2. Astra 
  3. OceanWP
  4. GeneratePress
  5. Kadence

5个带编辑器的主题

  1. Avada (Fusion builder)
  2. Divi (Divi Builder)
  3. BeTheme (BeBuilder)
  4. The 7 (Elementor page builder)
  5. Salient (WPBakery page builder)

下面是各个主题的性能测试结果：

10 个最快的 WordPress 主题 + 测试数据

1. Hello

由 Elementor 开发并为其编辑器量身定制的免费主题。它仅占用 6kb 内存资源，因此如果单独使用主题，自定义选项会受到限制。 

Hello 主题 – 来源：Elementor

Hello 主题的性能结果：

  • PageSpeed 移动得分：90/100
  • 首次内容绘制：3.1 秒
  • 最大内容绘制：1.8s
  • 累积布局偏移：2.9s
  • 速度指数：1.4s
  • 交互时间：1.4s
  • 总阻塞时间：0 ms
  • 总加载时间：2.2秒
  • 总页面大小：990 KB
  • HTTP 请求：13

2. Astra

Astra 因其轻量级代码、用户友好的功能和数千个即用模板而成为最受欢迎的免费 WordPress 主题之一。

Astra 主题 – 来源：WordPress.org

Astra 主题的性能结果：

  • PageSpeed 移动得分：91/100
  • 首次内容绘制：2.1 秒
  • 最大内容绘制：1.9s
  • 累积布局偏移：2.8s
  • 速度指数：1.3s
  • 交互时间：1.4s
  • 总阻塞时间：0 ms
  • 总加载时间：2.1s
  • 总页面大小：890 KB
  • HTTP 请求：12

3. OceanWP

轻量级且高度可扩展，它将使您能够创建几乎任何类型的网站。这是一个完全响应式主题，在移动设备上看起来很棒，并且有自己的翻译工具。它有许多使用 Gutenberg（WordPress 编辑器）和流行的编辑器（如 Elementor 或 Beaver Builder）构建的模板。

OceanWP – 来源：WordPress.org

OceanWP 主题的性能结果：

  • PageSpeed 移动得分：88/100
  • 首次内容绘制：1.1s
  • 最大内容绘制：2.9s
  • 累积布局偏移：1.8s
  • 速度指数：2.3s
  • 交互时间：1.4s
  • 总阻塞时间：0 ms
  • 总加载时间：3.2秒
  • 总页面大小：996 KB
  • HTTP 请求：13

4. GeneratePress

GeneratePress 是一个轻量级主题，重点关注可用性和速度（全新的GeneratePress 安装增加的页面大小不到 10kb）。该主题充分利用块编辑器（古腾堡），它使您可以更好地控制创建内容。 

GeneratePress 主题 – 来源：WordPress.org

GeneratePress 主题的性能结果：

  • PageSpeed 移动得分：86/100
  • 首次内容绘制：3.3 秒
  • 最大内容绘制：1.7s
  • 累积布局偏移：2.8s
  • 速度指数：1.3s
  • 交互时间：2.5秒
  • 总阻塞时间：0 ms
  • 总加载时间：3.1s
  • 总页面大小：890 KB
  • HTTP 请求：12

5. Kadence

Kadence 主题是一款轻量级但功能齐全的 WordPress 主题，适用于快速加载的精美网站。演示易于访问，并构建了一个拖放式页眉和页脚编辑器，可以在几分钟内构建任何类型的页眉。多用途模板库具有不同的设计，可以适合数百个项目。

Kadence 主题 – 来源：WordPress.org

Kadence 主题的性能结果：

  • PageSpeed 移动得分：89/100
  • 首次内容绘制：3.1 秒
  • 最大内容绘制：1.9 s
  • 累积布局偏移：2.9s
  • 速度指数：1.3s
  • 交互时间：1.7s
  • 总阻塞时间：0.3 ms
  • 总加载时间：2.8s
  • 总页面大小：898 KB
  • HTTP 请求：10

⚠️ 重要提示：下面的主题将与其内置编辑器一起使用（或与 Elementor 或 WP Bakery 一起）。所以它们位于单独的部分中，并且结果来自一个新的测试站点，该站点在编辑器中具有类似的元素。

6. Avada （+ Fusion Builder） 

多年来一直是 Envato 销量第一的主题。库中有数千个易于自定义的元素。借助强大的 Fusion Builder，您可以构建从页眉到页脚的网站。Avada 100% 由同一团队内部维护，不依赖第三方工具。 

Avada 主题 – 来源：Themeforest

Avada 主题的性能结果：

  • PageSpeed 移动得分：87/100
  • 首次内容绘制：3.1 秒
  • 最大内容绘制：1.5s
  • 累积布局偏移：1.7s
  • 速度指数：1.5s
  • 交互时间：2.4s
  • 总阻塞时间：0 ms
  • 总加载时间：2.4s
  • 总页面大小：998 KB
  • HTTP 请求：12

7. Divi（+ Divi Builder）

Divi 是一个强大的主题，这要归功于它的可视化编辑器。Elegant Themes 是最早将 WYSIWYG 引入 WordPress 的公司之一。您可以使用 Divi 框架直观地构建所有内容，而无需接触任何一行代码（并且无需安装和配置任何插件来带来附加功能）。

Divi – 来源：Elegantthemes.com

Divi 主题的性能结果：

  • PageSpeed 移动得分：84/100
  • 首次内容绘制：4.1 秒
  • 最大内容绘制：1.1s
  • 累积布局偏移：1.8s
  • 速度指数：1.4s
  • 交互时间：1.1s
  • 总阻塞时间：0.1 ms
  • 总加载时间：3.1s
  • 总页面大小：1.2 MB
  • HTTP 请求：14

8. BeTheme （+ BeBuilder）

BeTheme 是一款多用途网站构建器和畅销的 WordPress 主题，拥有 650 多个预建网站（具有非常现代和流行的设计）。他们的 BeBuilder 也与 WooCommerce 完全兼容，他们最近推出了一个查询生成器来构建动态网站。 

BeTheme 主题 – 来源：themuffingroup.com

BeTheme 主题的性能结果：

  • PageSpeed 移动得分：80/100
  • 首次内容绘制：4.1 秒
  • 最大内容绘制：2.9s
  • 累积布局偏移：3.8s
  • 速度指数：1.9s
  • 交互时间：1.4s
  • 总阻塞时间：0.2 ms
  • 总加载时间：4.1s
  • 总页面大小：1.4 MB
  • HTTP 请求：15

9. The7 （+ Elementor）

它是排名第一的 Elementor 主题，可通过 WordPress 仪表板提供大量自定义功能。The7 拥有 60 多个预构建的虚拟网站，其中包含 Elementor、WPBakery Page Builder 和 Slider Revolution 的专属模板。

The 7 – 来源: the7.io

The7 主题的性能结果：

  • PageSpeed 移动得分：81/100
  • 首次内容绘制：2.4s
  • 最大内容绘制：1.8s
  • 累积布局偏移：2.9s
  • 速度指数：1.1s
  • 交互时间：1.2s
  • 总阻塞时间：0 ms
  • 总加载时间：3.8s
  • 总页面大小：1.1 MB 
  • HTTP 请求：16

10. Salient（+ WPBakery Page Builder）

Salient 有 400 多个模板可供选择。他们以 WP Bakery Bakery 编辑器为基础，并添加了一些额外的功能。最后，基于 Themeforest 上的 5700 条评分，Salient 的平均评分为 4.8 分（满分 5 分）。

Salient 主题的性能结果：

  • PageSpeed 移动得分：82/100
  • 首次内容绘制：2.5 秒
  • 最大内容绘制：1.7s
  • 累积布局偏移：1.8s
  • 速度指数：1.9s
  • 交互时间：1.2s
  • 总阻塞时间：0.35 ms
  • 总加载时间：3.8s
  • 总页面大小：987 KB
  • HTTP 请求：13

测试结果表

您将在下面找到每个主题的性能结果摘要。这里使用“PageSpeed 移动得分”KPI 对它们进行排名，但总加载页面指标也很重要，因此不要忘记这一点。

轻量级主题

KPIs#1
Astra		#2
Hello		#3
Kadence		#4
OceanWP		#5
Generate Press
PageSpeed mobile score91/10090/10089/10088/10086/100
First Contentful Paint(s)2.13.13.11.13.3
Largest Contentful Paint(s)
1.9		1.81.92.91.7
Cumulative Layout Shift(s)2.82.92.91.82.8
Speed Index(s)1.31.41.32.31.3
Time To Interactive1.4s1.4s1.7s1.4s2.5s
Total Blocking Time(ms)000.30.20
Total Loading time(s)2.12.22.83.23.1
Total page size(KB)890 990898996890
HTTP requests1213101312

带编辑器的主题

同样，排名也是基于 PageSpeed 移动得分。

KPIs#1
Astra		#2
Hello		#3
Kadence		#4
OceanWP		#5
Generate Press
PageSpeed mobile score87/10084/10082/10081/10080/100
First Contentful Paint(s)3.14.12.52.44.1
Largest Contentful Paint(s)1.51.11.71.82.9
Cumulative Layout Shift(s)1.71.81.82.93.8
Speed Index(s)1.51.41.91.11.9
Time To Interactive2.4s1.1s1.2s1.2s1.4s
Total Blocking Time(ms)00.10.3500.2
Total Loading time(s)2.43.13.83.84.1
Total page size(KB)9981.2MB9871.1MB1.4MB
HTTP requests1214131615

要点：

  • 所有主题在 PageSpeed Insights 上的评分都从可接受到非常好。就性能而言，有橙色或绿色的，没有红色的。 
  • Astra 似乎是最快的轻量级主题，移动设备上的速度为 91/100，页面加载时间为 2.1 秒。 
  • Avada（有自己的编辑器）也以 87/100 的移动端得分和 2.4 秒的页面加载速度名列榜首。 

我们如何测试主题

我们的选择基于 2023 年的受欢迎程度、Envato 的下载量或销售量以及质量评论。然后我们通过以下性能工具进行审核：  

Lighthouse、PageSpeed Insights和GTmetrix ，均可分析网站的性能和用户体验。最重要的 KPI 是 Core Web Vitals，它附带了有关页面性能以及需要改进的领域的详细报告。这就是为什么我们在测试中纳入了以下 10 个指标 –在移动设备上测量： 

来自 PageSpeed Insights：

  • PageSpeed 移动得分 
  • 首次内容绘制
  • 最大内容绘制
  • 累积布局偏移
  • 速度指数
  • 互动时间
  • 总阻塞时间

来自 GTmetrix：

  • 总加载时间
  • 总页面大小 
  • HTTP 请求

然后，我们选择了 10 个主题，并将其分为两类： 

#1是免费且轻量级的主题采用简约的设计，#2是带有自己的页编辑器的“较重”主题。将 Avada（及其 Fusion 编辑器）与 Astra 等轻量级主题进行比较是不公平的。

测试地点：

对于#1，我们使用 WordPress 编辑器构建了一个真实的测试网站，并使用这些块创建了一个带按钮的横幅、5 个带图片的感言、1 个口号（带图像的完整部分）、4 个图标和文本、2 个标题和 2 个副标题以及 8 个带图片的服务。

使用 Astra 和块编辑器构建测试站点

对于#2，我们确保每次构建的页面在每个构建器中都包含类似的元素：带有图像和按钮的横幅、带有图标和文本的 3 个服务、2 个图像（我们重复使用相同的图像）、 2 个文本元素、3 个图标列表以及一个带有标题、子标题和按钮（完整部分）的号召性用语部分。 

使用 Avada和其内置编辑器构建测试站点

通过对每个主题进行相同的测试场景和相同的内容，我们可以进行公平的性能比较分析。我们为每个主题进行了新安装，并使用相同的服务器进行每个主题的速度测试。 

⚠️ 重要提示：这些测试是在我们自己的服务器上进行的，每个页面都是我们自己构建的。我们提供的结果来自我们自己的经验，结果可能会根据您上传的图像大小、您使用的内容量甚至您在世界各地的位置而有所不同。

哪个主题最适合您？

几乎不可能向每个人推荐同一个主题，因为这取决于您的具体需求，但以下是一些要点：

  • 如果您的客户愿意接管他的网站、更新内容并访问 WordPress 仪表板，那么选择带编辑器的主题可能会更容易（例如 BeTheme 或 the 7）。
  • 如果您是一名自由职业者，正在寻找一个为不同行业提供精心设计的演示的主题，那么 Divi 和 BeTheme 可能是您的最佳选择。 
  • 如果您计划创建一个包含数千种产品的高级 WooCommerce 网站，像 Astra 这样的轻量级主题可能会更明智。此外，它还具有先进的 WooCommerce 功能。 
  • 如果您需要创建自己的表单和产品布局并向网站添加动态数据，那么与 Elementor Pro 捆绑的主题是一个不错的选择。Elementor 是最早推出 WooCommerce 构建器的公司之一，让您可以立即构建自己的产品模板和商店页面。 
  • 如果您在几个主题之间犹豫不决，请安装其中一个演示并在移动设备上查看它们。构建网站时，响应能力至关重要。
  • 如果您是网络和设计机构，Divi 提供 Divi Cloud，您可以在其中轻松存储您的项目并与团队共享。协作和潜在的修改可以从任何地方更快地完成。

最后，选择一个具有快速支持、最新更新和准确文档的主题。例如，OceanWP 有一个论坛，提供网络研讨会和教程，以充分利用该主题。 

评论

发表回复

必填项已用 * 标注