Post by account_disabled on Dec 13, 2023 16:43:11 GMT 12
想要在 Divi 和 Elementor 之间做出选择来构建您的 WordPress 网站吗? Divi 和Elementor 是两个最好的WordPress 页面构建器(或页面构建器)和高级动态内容集成。主题构建 拖放。两者都允许您构建 100% 自定义网站,而无需任何技术知识。除了帮助您构建页面之外,它们还支持 尽管我们有许多相似之处,但一些重要的差异可能会将您推向一个或另一个方向。 在本文中,我们将对 Divi 和 Elementor 进行深入比较,以帮助您选择适合您需求的选项。 我们并不专注于选择一个“赢家”。相反,我们将展示许多相似之处和不同之处,以帮助您选择适合您的工具。为此,我们将在六个关键领域比较 Elementor 与 Divi,然后最终将它们放在一起。 等不及要开始了吗?我们走吧! Divi 与 Elementor:性能 任何页面构建器的一个重要考虑因素是性能。也就是说,您创建的设计加载速度有多快? 我们将此部分放在首位,因为我们相信性能始终应该是您的 WordPress 网站的首要任务。这包括您的托管! 为了测试 Divi 与 Elementor 的性能,我们使用 Divi 和 Elementor 创建了两个相同的项目,并使用一些速度测试工具对它们进行了分析。
为了使一切尽可能公平,我们在每个构建器中使用相 电话号码清单 同的模块集创建了项目,并且每个构建器中都包含相同的模块集模块。 我们使用的模块是: 段落文字 按钮 柜台 表单(简单的联系表单) 价格表 两种声音的手风琴 名人代言 为了公平竞争,我们将插件版本的 Divi Builder 与 Elementor 和 Elementor Pro 进行比较。们使用相同的主题 (Astra) 作为基础来准确比较这些页面构建器的性能。 Divi 测试页 测试站点 1:我们与 Divi 的测试页面 测试站点 1:我们与 Divi 的测试页面 我们的 Divi 测试页是用以下内容制作的: Divi 生成器插件 阿斯特拉主题 使用上述模块使用 Divi 构建的设计 Elementor 测试页 测试站点 2:我们使用 Elementor 进行的测试页面 测试站点 2:我们使用 Elementor 进行的测试页面 我们的 Elementor 测试页是用以下内容制作的: 免费的 Elementor 插件(我们禁用了 Elementor 的内置样式并继承了主题的样式) 元素专业版 阿斯特拉主题 使用上述模块通过 Elementor 构建的设计 需要注意的一点是,Divi 集成了一个功能来缩小并组合其 CSS 和 JavaScript,而 Elementor 则没有。
因此更擅长自然地限制其页面的 HTTP 请求。这些速度优势是 Kinsta 将代码压缩功能集成到游轮中的原因。MyKinsta.客户可以选择对其 CSS 和 JavaScript 文件执行自动代码压缩,从而无需任何手动操作即可加快网站速度。 但是,您可以(并且应该)使用等免费插件或 WP Rocket 等高级优化插件轻松地将相同的功能添加到 Elementor. 为此,我们将运行两组测试: 我们不会添加任何性能优化的地方 安装了 Autoptimize 的一款用于缩小和组合脚本 考虑第二种情况的结果应该可以让我们更准确地了解这两种工具在性能优化的实时 WordPress 网站上的性能.不过,我们也会考虑未优化的结果,以向您展示当您未实施性能优化时这两个工具的表现。 我们的测试站点托管在 Kinsta 上,因此它们也受益于 Kinsta 的服务器级缓存。除了这些细节之外,我们没有对默认的 WordPress 环境进行任何更改。 我们将使用两个测试工具: web.dev:来自 Google 的使用 Lighthouse 的工具。从移动设备运行测试。 WebPageTest:一种流行的速度测试工具。我们将其配置为从桌面设备运行测试。 迪维表演 我们将从单独 Divi 的结果开始。 网页测试(没有自动优化): 未添加优化的 结果没有任何额外的优化 web.dev(没有自动优化): Divi web.dev 结果没有添加优化 结果没有添加优化 下面是安装了 插件后 Divi 的结果。
为了使一切尽可能公平,我们在每个构建器中使用相 电话号码清单 同的模块集创建了项目,并且每个构建器中都包含相同的模块集模块。 我们使用的模块是: 段落文字 按钮 柜台 表单(简单的联系表单) 价格表 两种声音的手风琴 名人代言 为了公平竞争,我们将插件版本的 Divi Builder 与 Elementor 和 Elementor Pro 进行比较。们使用相同的主题 (Astra) 作为基础来准确比较这些页面构建器的性能。 Divi 测试页 测试站点 1:我们与 Divi 的测试页面 测试站点 1:我们与 Divi 的测试页面 我们的 Divi 测试页是用以下内容制作的: Divi 生成器插件 阿斯特拉主题 使用上述模块使用 Divi 构建的设计 Elementor 测试页 测试站点 2:我们使用 Elementor 进行的测试页面 测试站点 2:我们使用 Elementor 进行的测试页面 我们的 Elementor 测试页是用以下内容制作的: 免费的 Elementor 插件(我们禁用了 Elementor 的内置样式并继承了主题的样式) 元素专业版 阿斯特拉主题 使用上述模块通过 Elementor 构建的设计 需要注意的一点是,Divi 集成了一个功能来缩小并组合其 CSS 和 JavaScript,而 Elementor 则没有。
因此更擅长自然地限制其页面的 HTTP 请求。这些速度优势是 Kinsta 将代码压缩功能集成到游轮中的原因。MyKinsta.客户可以选择对其 CSS 和 JavaScript 文件执行自动代码压缩,从而无需任何手动操作即可加快网站速度。 但是,您可以(并且应该)使用等免费插件或 WP Rocket 等高级优化插件轻松地将相同的功能添加到 Elementor. 为此,我们将运行两组测试: 我们不会添加任何性能优化的地方 安装了 Autoptimize 的一款用于缩小和组合脚本 考虑第二种情况的结果应该可以让我们更准确地了解这两种工具在性能优化的实时 WordPress 网站上的性能.不过,我们也会考虑未优化的结果,以向您展示当您未实施性能优化时这两个工具的表现。 我们的测试站点托管在 Kinsta 上,因此它们也受益于 Kinsta 的服务器级缓存。除了这些细节之外,我们没有对默认的 WordPress 环境进行任何更改。 我们将使用两个测试工具: web.dev:来自 Google 的使用 Lighthouse 的工具。从移动设备运行测试。 WebPageTest:一种流行的速度测试工具。我们将其配置为从桌面设备运行测试。 迪维表演 我们将从单独 Divi 的结果开始。 网页测试(没有自动优化): 未添加优化的 结果没有任何额外的优化 web.dev(没有自动优化): Divi web.dev 结果没有添加优化 结果没有添加优化 下面是安装了 插件后 Divi 的结果。