目录
Elementor站点上你不能轻易走回去的一个决定,一个沉重的主题在Elementor自己的输出之上添加了CSS、JavaScript和DOM节点,每一页都为此付出了代价,一个轻量级的WordPress主题置身事外,让Elementor做视觉工作。
很多列表都调用一个主题“轻量级”而不显示数字。因此,我们在 15 个主题上构建了相同的五节 Elementor 着陆页,捕获了每个页面,并在每个主题上运行 Lighthouse。这篇文章中的每个速度数字都来自该测试。
简短答案: elementor 最轻的 WordPress 主题是 你好,比兹 (4.5 KB 主题 CSS 和 JS, gzipped), 你好,元素人 (5.2 KB) 和 生成压力 (6.4 KB), 我们灯塔测试中最快的一页来自 布洛克西93分的移动成绩,因为自家的字体样式阻止了浏览器下载elementor默认的谷歌字体,我们测试的最重主题phlox增加了303 KB,得分为70。
选择功能和用例而不是速度?我们的指南 按用例划分的最佳元素主题 涵盖商店、博客、作品集和高级精选。这篇文章仅涉及重量和速度。
想要遵循相同想法的小部件吗? 主插件 仅在使用每个小部件的 CSS 和 JS 页面上加载。有关全速手册,请参阅我们的指南 如何加快 Elementor 网站的速度.
下面的一些链接是联属链接,如果您通过它们购买,我们可能会赚取佣金,无需您额外付费,它不会更改测试结果或订单。
为什么轻量级主题对 Elementor 很重要
Elementor渲染自己的布局、排版和动画,很多主题都尝试做同样的事情,所以你最终会在一页上得到两组样式,在我们的测试页面上,Elementor本身(它的脚本、样式和默认字体)构成了最轻主题上大约225 KB页面的大部分,一个轻主题在上面增加了5到15 KB,一个重的主题增加了75到300 KB。
- 更快的第一张油漆。 Theme CSS是渲染屏蔽,少了就是浏览器可以更早的绘制页面。
- 更流畅的编辑器。 Elementor的预览窗格也加载了主题,因此更轻的主题会让编辑感觉更快。
- 冲突更少。 主题与自己的滑块、动画和页面构建器往往会与 Elementor 的冲突。
- 更好的核心网络活力。 在我们的测试中,最重的主题具有最慢的最大内容涂料,在模拟移动设备上长达 4.9 秒。
我们如何测试
每个主题都有一个相同的设置,因此主题是唯一发生变化的:
- 一个新的 WordPress 7.1。2 站点,带有 Elementor 4.3。2,没有其他插件,由 WordPress Playground 构建。
- Elementor页面相同的每个主题:一个英雄,带有一个按钮,三个图标框,一个感言,一个常见问题手风琴和一个行动号召主题自己的头和页脚留在了上面。
- 我们将每个渲染的页面保存为静态的 gzipped 副本(页面缓存为其提供服务的方式),并每个主题运行 Lighthouse 12.8 mobile 3 次,其中 5 次用于噪声较大的主题。我们报告中位数。
- Theme权重只计算从主题自己的文件夹中提供的CSS和JavaScript文件,gzipped。默认设置,没有导入演示。
Lighthouse 节流到移动连接慢,所以这里的 3 秒 LCP 对于任何 Elementor 页面来说都是正常的,主题之间的差距是重要的,彼此大约 3 分以内的分数实际上是平局。
完整结果
| 主题 | 主题 CSS + JS (gzip) | 主题文件 | 页码 | 灯塔移动 | LCP | DOM 元素 |
|---|---|---|---|---|---|---|
| 你好,比兹 | 4.5 KB | 2 瀹跺涵涓杞杈 | 225 KB | 90绔 涔诲芥澶澧 | 3.0秒 | 174绔 涔诲芥澶澧 |
| 你好,元素人 | 5.2 KB | 4锛屽湪娴欐睙鏉 | 227 KB | 88绔 涔诲芥澶澧 | 3.0秒 | 183绔 涔诲芥澶澧 |
| 生成压力 | 6.4 KB | 2 瀹跺涵涓杞杈 | 230 KB | 88绔 涔诲芥澶澧 | 3.0秒 | 238绔 涔诲芥澶澧 |
| 流行外汇 | 10.6 KB | 3 | 232 KB | 89绔 涔诲芥澶澧 | 3.1s | 193绔 涔诲芥澶 |
| 页面生成器框架 | 11.9 KB | 4锛屽湪娴欐睙鏉 | 243 KB | 87绔 涔诲芥澶澧 | 3.0秒 | 206 |
| 内芙 | 12.7 KB | 3 | 238 KB | 89绔 涔诲芥澶澧 | 3.0秒 | 268绔 涔诲芥澶 |
| 阿斯特拉 | 14.5 KB | 2 瀹跺涵涓杞杈 | 247 KB | 85绔 涔诲芥澶澧 | 3.2s | 249绔 涔诲芥澶 |
| 卡登斯 | 22.8 KB | 5锛屽湪娴欐睙鏉 | 249 KB | 87绔 涔诲芥澶澧 | 3.1s | 第265章 |
| 布洛克西 | 27.5 KB | 4锛屽湪娴欐睙鏉 | 178 KB | 93绔 涔诲芥澶澧 | 2.5秒 | 258绔 涔诲芥澶 |
| 悉尼 | 36.2 KB | 7 | 188 KB | 89绔 涔诲芥澶澧 | 2.7秒 | 319 |
| 扎克拉 | 42.6 KB | 5锛屽湪娴欐睙鏉 | 267 KB | 86绔 涔诲芥澶澧 | 3.1s | 第275章 |
| 布鲁克林精简版 | 73.9 KB | 8 | 438 KB | 78绔 涔诲芥澶澧 | 4.1s | 228绔 涔诲芥澶澧 |
| 海洋WP | 95.6 KB | 14绔 涔诲芥澶澧 | 326 KB | 84绔 涔诲芥澶澧 | 3.4s | 248绔 涔诲芥澶澧 |
| 福禄考 | 302.7 KB | 9 | 543 KB | 70绔 涔诲芥澶澧 | 4.9秒 | 297绔 涔诲芥澶澧 |
| 二十五(块主题) | 0(53 KB 内联 CSS) | 0 | 296 KB | 90绔 涔诲芥澶澧 | 2.4s | 256绔 涔诲芥澶澧 |
Page权重和LCP来自Lighthouse(传输大小,模拟移动),主题权重只计算主题文件夹中的文件。
数字告诉你什么
最轻的主题在实践中几乎相同,Hello Biz、Hello Elementor、GeneratePress、Neve 和 Page Builder Framework 都在 13 KB 下添加,并在 87 到 90 之间登陆。过去,主题不再是瓶颈,Elementor 自己的文件是。
1次最大的单次保存来自字体,Blocksy和Sydney运送的CSS比Hello更多,然而他们却制作了整体最轻的两个页面(178 KB和188 KB),他们自己的字体样式覆盖了Elementor默认的Roboto和Roboto Slab,所以浏览器从不下载那2个字体文件(约70 KB),而且两个主题也都掉落了WordPress的表情符号脚本,你可以在任何一个Elementor设置的主题上得到相同的保存,下面介绍。
Elementor 的 12 个最轻的 WordPress 主题
CSS和JavaScript主题添加到元素器页面的数量进行排名,其中灯塔讲述了一个不同的故事,评论是这么说的。
1。你好比兹(整体最轻)
Hello Biz是Elementor团队的小型企业主题,它在我们的测试中只添加了4.5 KB,是所有经典主题中最少的,它与网站套件的免费Hello +插件和少数商业小部件(英雄,表单,CTA,头和页脚)配对,我们自己测试了主题。
Hello的权重,如果你想要在商业网站上更快地开始,这就是它,权衡是它的头和页脚小部件比全主题构建器更简单。
主题CSS+JS: 4.5 KB · 灯塔移动: 90 · 活动安装: 100K+ · 最后更新: 2026年5月 · 价格: 免费的
2。你好元素人(最轻的空白画布)
Hello Elementor是Elementor团队的官方主题,也是Elementor用户最多的一个开头主题,它跨四个小文件添加了5.2 KB,没有自己的造型观点,所以Elementor处理一切视觉和无冲突。
没有入门内容,你在 Elementor 中构建了页眉、页脚和每个页面,这正是大多数 Elementor 用户无论如何都想做的事情。
主题CSS+JS: 5.2 KB · 灯塔移动: 88 · 活动安装: 1米以上· 最后更新: 2026 年 8 月 · 价格: 免费的
3。生成压力(最轻的与实物期权)
GeneratePress是开发人员在厌倦了臃肿的主题后倾向于登陆的,它只添加了6.4 KB,同时仍然为您提供了一个完整的定制器,其中有布局,排版和颜色控制,而Hello则没有标记干净,高级模块是选择加入的。
主题CSS+JS: 6.4 KB · 灯塔移动: 88 · 活动安装: 500K+ · 最后更新: 2025 年 12 月 · 价格: 免费,GP 高级 59 美元/年
4。页面构建器框架(为页面构建器构建)
Page Builder Framework 专为在页面构建器中进行设计的人而设计,包含 Elementor,它在我们的测试中添加了 11.9 KB,并为您提供了标头、页脚和布局的自定义程序选项,没有一堆您永远不会使用的演示内容。
主题CSS+JS: 11.9 KB · 灯塔移动: 87 · 活动安装: 10K+ · 最后更新: 2026 年 4 月 · 价格: 免费的
5。奈芙(轻型多用途)
Neve 是大型多用途主题中最轻的一个,为 12.7 KB,得分为 89,是测试中较好的结果之一,它以移动为先,并运送了一大套启动站点,其中许多是为 Elementor 建造的。
主题CSS+JS: 12.7 KB · 灯塔移动: 89 · 活动安装: 200K+ · 最后更新: 2026 年 9 月 · 价格: Neve Pro 免费,每年 69 美元起
6、阿斯特拉(最受欢迎,仍然很轻)
阿斯特拉 100多万个站点上运行,仍然只添加了14.5 KB,它还在页首中打印了很多它的样式内联(比我们页面上的Hello多出大约65 KB的内联CSS),这很可能是为什么它在85分时才加载模块,只有当你使用它们时,它的Starter Templates插件给你一个大库的Elementor演示站点。
主题CSS+JS: 14.5 KB · 灯塔移动: 85 · 活动安装: 1米以上· 最后更新: 2026 年 9 月 · 价格: 免费, 阿斯特拉专业版 69美元/年
7、卡登斯(自由头构建器)
Kadence 在免费版中提供了拖放式页眉和页脚构建器,这很少见。它添加了 22.8 KB,分割为单独的页眉、页脚和内容样式表,得分为 87 分,就在主题较轻的包装中,因此额外的工具在实践中成本非常低。
如果您想要主题本身中的免费标头构建器,Kadence 是首选。您还可以在 Elementor 中构建它们:查看如何构建 使用 Elementor 在 WordPress 中编辑页脚 与主插件。
主题CSS+JS: 22.8 KB · 灯塔移动: 87 · 活动安装: 500K+ · 最后更新: 2026年七月· 价格: 免费捆绑包,每年 99 美元起
8。Blocksy(我们测试中最快的页面)
Blocksy自己的文件比Hello的重27.5 KB,但它却以2.5秒的LCP制作了最轻的页面(178 KB)和最好的灯塔分数(93),它的排版覆盖了Elementor默认的谷歌字体,所以那些字体文件永远不会下载,它把WordPress表情符号脚本放在一起,比自己的文件成本更省。
添加现代定制器、坚实的标头构建器和黑暗模式,Blocksy 是 Elementor 最快的 WordPress 主题是什么?"的最佳答案。如果你根据完成的页面来判断。
主题CSS+JS: 27.5 KB · 灯塔移动: 93 · 活动安装: 300K+ · 最后更新: 2026 年 9 月 · 价格: 免费,专业版可用
9、悉尼(快速一页商业站点)
Sydney 面向自由职业者和初创公司,并为服务、团队和行动号召部分捆绑小部件。与 Blocksy 一样,它的字体样式使 Elementor 的默认字体无法下载,因此尽管有 36.2 KB 的主题文件,但其页面仅以 188 KB 的成绩进入,得分为 89。它确实产生了该组中最大的 DOM(319 个元素)。
主题CSS+JS: 36.2 KB · 灯塔移动: 89 · 活动安装: 80K+ · 最后更新: 2026 年 8 月 · 价格: 免费,专业版可用
10、天课(小众商业小样)
Zakra的优势在于其为诊所、律师事务所、餐厅和学校提供的利基入门网站库,它增加了42.6 KB,大部分是CSS,得分为86,对于一个演示驱动的主题来说这很好,但它不再与Hello或GeneratePress处于同一权重级别。
主题CSS+JS: 42.6 KB · 灯塔移动: 86 · 活动安装: 30K+ · 最后更新: 2026 年 9 月 · 价格: 免费,专业版可用
11、布鲁克林精简版(元素者-第一入门主题)
Brooklyn Lite 是我们自己的主题,由 Master Addons 背后的团队构建,所以请牢记这一点来阅读此条目,它是围绕 Elementor 设计的,并附带 50 多个 Elementor 登陆页面模板以及一个页眉和页脚构建器、显示条件和其他扩展程序,通过它设置的插件。
Raw number上不是最轻的主题之一,它增加了73.9 KB,加载了自己的图标字体,4.1秒的LCP得了78分,选择它的理由是现成的着陆页,如果你只想要尽可能轻的底座,Hello或GeneratePress会更好地为您服务。
主题CSS+JS: 73.9 KB · 灯塔移动: 78 · 最后更新: 2026年3月, · X 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3月, 2026年3 价格: 免· WordPress.org · 演示
12、海洋WP(宇商深度)
OceanWP为WooCommerce赢得了自己的位置:浮动购物车,快速查看和多步结账,具有模块化扩展,它也是我们仍然称之为可用的最重主题,在14个文件中为95.6 KB,它得分为84,关闭您不需要的扩展,它变得更轻。
主题CSS+JS: 95.6 KB · 灯塔移动: 84 · 活动安装: 400K+ · 最后更新: 2026 年 9 月 · 价格: 提供免费、专业的扩展
已测试,但已从列表中删除
福禄考 lightweight榜单上已经有多年,包括这款的早期版本,在我们的测试中它增加了302.7 KB的CSS和JavaScript,超过OceanWP的三倍,并且以4.9秒的LCP获得了70分,它有很好的创意演示,但它不是一个轻量级的主题。
流行外汇 轻(10.6 KB,得分为89),但它是为Pagelayer构建器构建的,因此我们没有为Elementor用户对其进行排名。 二十五中,默认的块主题,根本不加载任何主题文件,而是将大约53 KB的CSS打印到每个页面中,并显示250 ms的阻塞时间,远远超过测试中的任何其他主题。它与Elementor一起工作,但标头和页脚生活在站点编辑器中,而不是在Elementor中。
如何选择合适的轻量级主题
- 想要最轻的空白画布和完整的 Elementor 控制吗? 你好,元素人.
- 想要与商务套件相同的重量吗? 你好,比兹.
- 想要轻便且真正的定制选项吗? 生成压力.
- 想要在不调优的情况下完成最快的页面吗? 布洛克西.
- 想要一个带有入门网站的轻型多功能主题吗? 内芙 或 阿斯特拉.
- 主题内需要一个免费的标头构建器吗? 卡登斯.
- 想要 Master Addons 团队准备好的 Elementor 着陆页面吗? 布鲁克林精简版.
- 经营一家需要每个挂钩的 WooCommerce 商店? 海洋WP.
Elementor的字体设置来更快地制作任何主题
Blocksy结果显示轻松省钱在哪里,在任何主题上,去 元素器 › 设置 和:
- 下 一般的,滴答 禁用默认字体。Elementor然后使用您主题的字体而不是Roboto和Roboto Slab,在我们的重新测试中,浏览器停止下载这两个字体文件(约70 KB)。
- 要完全删除对 Google 的请求,请设置 高级 › Google 字体 到禁用,如果要保留谷歌字体,设置 性能 › 在本地加载 Google 字体 以启用,因此它是由您自己的服务器提供的。
后缓存和托管比主题更重要,这篇文章中的每个数字都是在页面缓存副本上测量的,具有服务器级缓存的主机,如 主持人 借助 LiteSpeed,让您接近这些条件。我们的指南 加快 Elementor 网站速度 穿过其余的地方,然后 最佳 WordPress 图像优化器插件 处理图像。
将您的主题与正确的插件配对
即使是最轻的主题也无法保存一个插件在每个页面上加载整个 CSS 和 JS 捆绑包的网站。 主插件 每页加载小部件资产,因此不使用定价表小部件的页面永远不会加载其代码。请参阅我们的 100 个最佳 Elementor 插件 综述,或比较 主插件 vs 终极插件 如果您正在权衡选项。
在像你好这样的空白主题上 主插件主题生成器 elementor 中内置的标头、页脚和存档模板,请参阅 elementor 中如何创建粘性标头并且对于手机和平板电脑来说, elementor 断点的响应式设计.
常见问题解答:Elementor 的轻量级 WordPress 主题
Elementor 最轻的 WordPress 主题是哪一个?
2026年9月的测试中,Hello Biz添加了最少的代码(CSS和JavaScript的4.5 KB,gzipped),其次是Hello Elementor(5.2 KB)和GeneratePress(6.4 KB)。这三者在具有相同Elementor页面的Lighthouse移动设备上的得分都在88到90之间。
WordPress 主题哪个最快?
Elementor,Blocksy在我们的测试中产生了最快的页面:灯塔移动得分93和2.5秒的LCP,它赢了,因为它的字体样式使Elementor的默认谷歌字体无法下载,你好Elementor和GeneratePress在Elementor的设置中勾选禁用默认字体后就接近了。
如果我使用 Elementor,主题真的很重要吗?
是的,在限制之内。在我们的测试页面上,轻主题增加了 5 到 15 KB,重主题增加了 75 到 300 KB,灯塔分数从大约 90 到 70。在最轻的主题中,Elementor 自己的文件和字体比主题更重要。
Hello Elementor 对于真实网站来说真的足够了吗?
是的,如果您有办法构建标头和页脚,例如 Elementor Pro 或 Master Addons Theme Builder。您好故意是最小的,并且没有带来自己的设计,这就是为什么它仍然是最轻的主题之一。
Elementor 的块主题怎么样?
Twenty TwentyFive 工作,但它们并不是自然适合的。Twenty TwentyFive 在我们的测试中没有加载主题文件,但它打印了大约 53 KB 的内联 CSS,并且迄今为止阻塞时间最多(250 毫秒)。它的标头和页脚在站点编辑器中进行管理,与 Elementor 分开。
我可以在不破坏元素页面的情况下切换主题吗?
Mostly yes。Elementor页面和主题生成器模板与主题分开存储,您丢失主题特定的小部件和自定义器设置,例如字体和颜色。在切换之前设置Elementor的全局颜色和字体,并首先测试分期副本。
哪个轻量级主题具有最好的免费 WooCommerce 支持?
OceanWP 具有最深的免费 WooCommerce 功能,包括快速查看和多步结账,但重量更重,为 95.6 KB。 Astra 和 Kadence 更轻,并且在免费版本中可以很好地处理产品、购物车和结账页面。
最终判决
Elementor 想要最轻的 WordPress 主题,请选择 Hello Elementor,或者为商业站点选择 Hello Biz。如果您想要轻加上实物选项,请选择 GeneratePress。如果您想要最快完成的页面而不触摸设置,请选择 Blocksy。然后禁用 Elementor 的默认字体,打开缓存,主题就不再是减慢您网站速度的东西。
主题排序后,添加 主插件 对于仅加载使用它们的小部件,请通过我们的工作 elementor 的最佳 SEO 实践. 看见 定价 对于 Master Addons Pro。
相关阅读
