Elementor vs Gutenberg：2022 年你应该选择哪一个？

选择最合适和可定制的页面构建器对于 WordPress 网站开发至关重要。 设计中最重要的部分取决于功能丰富且高性能的页面构建器插件。

市场上有许多页面构建器插件，提供许多自定义和无缝性能。 Elementor 和 Gutenberg 页面构建器是 WordPress 最流行和最强大的两个页面构建器插件。

这篇关于 Gutenberg vs Elementor 的文章将讨论这些广泛使用的页面构建器的几个方面，以了解哪一个更适合更好的 WordPress 开发。

介绍

Elementor vs 古腾堡： Elementor

Elementor 是当今最受欢迎的 WordPress 页面构建器之一。 Elementor Ltd 创建此页面构建器插件。 该插件于 2016 年上市，对全球的 WordPress 开发人员非常有吸引力。

Elementor 有免费和高级版本。 该插件提供了许多预制布局、众多设计元素和无限的自定义选项，可让您创建一个令人惊叹且功能强大的 WordPress 网站。 您可以在此处查看与 Elementor 兼容的最佳 WordPress WooCommerce 主题列表。

Elementor 与古腾堡：古腾堡

Gutenberg 块编辑器是最轻量级和 SEO 友好的 WordPress 页面构建器插件之一。 该插件于 2021 年上市，具有完整的建站能力，从那时起，它就吸引了从初学者到专业人士的各个级别用户的众多关注。 虽然 Gutenberg 块编辑器相当新，但由于其轻量级的代码和强大的性能而获得了极大的欢迎。 您可以浏览最适合古腾堡的 WordPress WooCommerce 主题列表。

古腾堡最好的事情之一是它可以免费安装 WordPress。 您可以在 WordPress 安装完成后立即使用 Gutenberg 编辑器开始开发您的网站！

使用方便

Elementor vs 古腾堡： Elementor

Elementor 提供了极其灵活的定制功能。 页面构建器包括完全自定义的元素和高级小部件，使构建引人注目的网站变得更加容易。

Elementor 确保您可以设置整个内容，直到完美。 您只需单击一下即可更改列并添加元素或高级小部件。 该插件的拖放界面使您可以非常舒适地将内容放置在您喜欢的页面上的任何位置。

Elementor 与古腾堡：古腾堡

Gutenberg 是一个简单而动态的页面构建器。 古腾堡的一切都是基于它提供的块。 古腾堡页面构建器尚不提供拖放功能。 但是您可以根据需要移动块以重新定位它们。 每个 Gutenberg 块都有几个设置，您可以根据自己的选择进行自定义。

这个超轻量级的插件意味着如果它们是使用 Gutenberg 编辑器构建的，您的网页会比其他网页加载更多。 刚开始使用古腾堡可能会有点挑战，但你无法克服。 古腾堡因其快速加载的性质和使用简单性而在其他页面构建器上占有重要地位。

Gutenberg 包含预制模式，您可以将其导入编辑器并根据需要进行自定义。 它还具有可重复使用的块功能，允许您将它们导入其他网站并进行处理，从而为开发人员节省大量时间。

特征

Elementor vs 古腾堡： Elementor

Elementor 页面构建器提供了许多元素、预制模板和众多自定义可能性。 它有 300 多个预制设计模板，只需单击一下即可导入并进行相应的定制。

Elementor 还包括 100 多个小部件和设计元素，您可以使用它们来创建具有令人惊叹的外观和流畅性能的每个部分。 该插件的实时编辑器允许您实时查看所做的任何更改，因此您知道它在您的实时网站上的外观。 它有一个丰富的自定义面板，提供站点设置、用户偏好、暗模式等。Elementor 的拖放功能与顶级 WordPress WooCommerce 主题完美配合。

Elementor 与古腾堡：古腾堡

Gutenberg 块编辑器提供了超过 25 个块，可用于构建轻量级和动态网站。 每个块都提供了多种设置和自定义选项，以使您的内容看起来像您喜欢的方式。 此外，古腾堡的可重复使用的块很方便。 将可重复使用的块导入其他网站可以节省再次制作块的时间。 Gutenberg 还包括预制模式，您可以将其导入页面并进行自定义。 您可以阅读我们关于 Gutenberg 教程的文章，了解这个出色编辑器的基础知识。

GTMetrix 比较（性能）

Elementor vs 古腾堡： Elementor

我们已经使用 GTMetrix 测试了使用 Elementor 构建的 WordPress 网站。 如果我们查看性能矩阵，Elementor 的总体得分很高，但 Time to Interactive 和 Dom Interactive Time 相当高。

Elementor 与古腾堡：古腾堡

然后我们测试了我们的 WordPress 网站，该网站是使用 GTMetrix 与 Gutenberg 一起设计和开发的。 我们也为古腾堡取得了令人满意的结果。 尽管如此，交互时间和 Dom 交互时间仍然比 Elementor 低得多，这使得 Gutenberg 在性能方面领先于 Elementor。

GTMetrix 比较（结构）

Elementor vs 古腾堡： Elementor

我们已经使用 GTMetrix 分析了使用 Elementor 构建的 WordPress 网站的结构。 结构结果令人满意，但对于 Elementor 来说，DOM 大小相当大。

Elementor 与古腾堡：古腾堡

即使在结构方面，Elementor 也再次落后于 Gutenberg。 Elementor 的 DOM 大小为 1251，而 Gutenberg 的 DOM 大小为 929。 我们可以说古腾堡在结构性能方面再次领先。

价钱

Elementor vs 古腾堡： Elementor

Elementor 可免费下载。 该插件的免费版本包括许多可用于创建引人注目的网站的功能。 但是，如果您打算充分利用 Elementor 页面构建器，您可以订阅它的专业版。 专业版解锁更多动态和强大的模块和许多优秀的预制模板，可以让您的网站更上一层楼。 专业版有四种不同的定价。 您可以根据自己的需要选择其中任何一种。

Elementor 与古腾堡：古腾堡

Gutenberg 块编辑器随 WordPress 5.0 安装免费提供。 所有可用的块和图案都可以免费用于创建一个视觉上令人惊叹的网站。 只需执行全新的 WordPress 安装，即可免费完全访问这个出色的编辑器。

结论

我们已经讨论了 Elementor 和 Gutenberg 编辑器的几个方面。 当您想要构建具有许多动态功能的图形精美的 WordPress 网站时，Elementor 页面构建器是一个绝佳的选择。

另一方面，Gutenberg 简单轻巧，可让您构建一个对 SEO 友好的超快速网站。 两位编辑都有其优点和缺点。 选择最适合您目的的这两个中的任何一个！