5分钟生成10篇英文软文article forge软件试用

营销型WordPress外贸多语言独立站建设+谷歌SEO优化+谷歌关键字广告投放,就找WP花园!深圳公司,技术实力雄厚,用效果说话!详情咨询info@wordpresshy.com

google广告开户

试图在 Divi 与 Avada 之间进行选择来构建您的 WordPress 网站?

这两个主题是有史以来最受欢迎的两个高级 WordPress 主题——Elegant Themes(Divi 的开发者)声称拥有超过 767,000 名客户,而 Avada 在 ThemeForest 的购买次数超过 704,447 次。 这些都是令人难以置信的令人印象深刻的数字,也证明了每个主题都有很多快乐的用户。

这两个主题成功背后的最大因素之一是它们捆绑的可视化拖放构建器。 使用这些构建器,您可以创建漂亮的自定义 WordPress 站点——无需代码。

但是设计灵活性并不是 WordPress 主题中唯一需要考虑的事情——您还需要权衡该主题将帮助您的网站加载的速度,因为网站加载时间在从用户体验到 SEO、转化率等各个方面都发挥着重要作用.

为此,我们决定创建一个专注于一个特定指标的 Divi 与 Avada 比较: 表现.

也就是说,Divi 或 Avada 是否可以帮助您获得更快的加载网站? 为了回答这个问题,我们自己进行了一些测试——继续阅读以查看数据和分析。

我们将如何测试 Divi 与 Avada 主题性能

在我们获得数据之前,让我们谈谈我们将如何测试 Divi 与 Avada 的性能,以便您确切地知道我们是如何设置的。

首先,我们将测试两个高级场景:

  • 测试 #1 – 我们将自己测试主题。 也就是说,我们不会使用他们捆绑的视觉构建器。 相反,我们将仅测试使用块编辑器构建且主题处于活动状态的“示例页面”。
  • 测试#2 – 我们将测试使用每个主题构建器构建的简单页面,因为视觉构建器是使 Divi 和 Avada 如此受欢迎的关键部分。 我们将尝试使用可比较的模块来使比较尽可能相等。

对于每个高级测试场景,我们还将测试两种不同的设置:

WordPress divi主题
  • 第一次设置 只是主题本身,没有其他性能优化。
  • 第二个设置 安装和配置了 WP Rocket,这样您就可以看到如果您实施 WordPress 性能最佳实践的情况。

当我们添加 WP Rocket 时,除了页面缓存、浏览器缓存、Gzip 压缩和其他一些小调整的默认改进之外,我们还将配置其文件优化和媒体优化设置。

我们还启用了 WP Rocket v. 3.9 的新功能来删除未使用的 CSS,这有助于我们进一步减少 HTTP 请求和页面大小。

我们的测试站点托管在由 RunCloud 和全 Nginx 堆栈提供支持的每月 5 美元的廉价 DigitalOcean droplet 上。 如上所述,除了在某些测试中添加 WP Rocket 之外,我们没有进行任何性能改进。

为了测试和衡量 WordPress 性能数据,我们将在两种不同的配置中使用 WebPageTest:

  • 桌面测试 – 使用带有节流 FIOS 连接的 Chrome 浏览器 – 20/5 Mbps 4 ms RTT。 这大约是整个美国的平均互联网速度,尽管它比速度快的地方(如大城市)慢一些。
  • 移动测试 – 使用带有节流 4G 连接的中端 Moto G4 设备 – 9 Mbps,170 ms RTT。 此测试中的速度会比桌面慢很多。 如果您的实际移动访问者使用高级设备(如最新款 iPhone)和/或通过 Wifi 而不是 4G 浏览,他们的加载时间会更快。

对于每个测试,我们将让 WebPageTest 运行九个单独的测试并取中值。 这有助于我们避免单一测试的可变性并获得更一致的结果。

以下是我们将重点关注的四个指标:

  1. 最大的内容绘制 (LCP) – 谷歌新的核心网络生命指标的一部分和页面体验更新中的 SEO 排名因素。
  2. 满载时间 – 虽然谷歌现在强调 LCP 作为更注重用户体验的指标,但有些人仍然喜欢看到满载时间。
  3. 页面大小 – 在其他条件相同的情况下,较小的页面总是更好。
  4. HTTP 请求 – 其他条件相同,HTTP 请求越少越好。

最后,这里是我们正在测试的所有内容的版本号:

  • Avada 主题 – 7.3.1
  • Divi 主题 – 4.9.4
  • WP 火箭 – 3.9.0.1

Divi 与 Avada 速度测试

现在,让我们动手进行 Divi 与 Avada 性能测试……

测试 #1:只是主题

在第一次测试中,我们只测试主题 没有 使用可视化构建器:

  • Divi – 只是 Divi 主题,因为 Divi 已经捆绑在 Divi Builder 中。
  • Avada – 我们还安装了 Avada Core 和 Avada Builder 插件,因为它们是核心所需的插件。 不过,我们没有安装任何可选插件。

实际内容是全新 WordPress 安装附带的“示例页面”。 它是使用本机块编辑器构建的。

fiverr建站WordPress程序员

这是台式机和移动设备的数据……

桌面:

LCP 完全读取 页面大小 HTTP 请求
迪维 1.465 秒 1.657 秒 447 KB 18
阿瓦达 2.287 2.528 秒 463 KB 15
Divi(带 WP Rocket 🚀) 0.394 秒 0.621 秒 378 KB 13
Avada (w/ WP Rocket 🚀) 0.285 秒 0.478 秒 345 KB 11

移动的:

LCP 完全读取 页面大小 HTTP 请求
迪维 3.086 秒 4.210 秒 431 KB 18
阿瓦达 5.035 秒 5.898 秒 463 KB 15
Divi(带 WP Rocket 🚀) 1.714 秒 3.083 秒 362 KB 13
Avada (w/ WP Rocket 🚀) 1.169 秒 2.435 秒 345 KB 11

总体而言,主题在页面大小和 HTTPS 请求方面几乎相同,但 Divi 在移动和桌面的实际加载时间指标上表现要好一些。

激活 WP Rocket 以实施缓存和其他性能最佳实践后,您可以看到两个主题指标的全面改进。

💡 您可以在移动最大内容绘制时间中看到最大的现实改进。 两个主题在没有 WP Rocket 的情况下都在 Google 的“Poor”范围内(4+ 秒),但是在设置 WP Rocket 后,它们都跳入了“Good”范围(低于 2.5 秒)。 这些类型的改进可以在 Google 的页面体验更新中带来好处。

这里最有趣的是, 使用 WP Rocket,对比发生了变化,Avada 的表现要好一些. 这一点尤其值得注意,因为我们使用 WP Rocket 进行了两次这些测试,以使用不同的配置。 在我们激活 WP Rocket 的新功能之前,Avada 并没有领先 删除未使用的 CSS 功能(目前在 WP Rocket v. 3.9 中处于测试阶段)。

独立站选品工具

删除未使用的 CSS 功能帮助我们从 Divi 中减少了大约 70 KB 的页面大小,但是我们看到 Avada 的页面大小减少了更多,我们能够减少大约 120 KB,同时 HTTP 请求的减少也更大。

对 Avada 的更大改进似乎已经足以让我们经过 WP Rocket 优化的 Avada 站点的加载速度比 Divi 快一点。

总的来说,Divi 在第一次测试的开箱即用性能方面略有优势。 但是当你将 WP Rocket 添加到混合中时 它的新删除未使用的 CSS 功能上,Avada 的表现要好一些。

测试 #2:使用构建器

在第二个测试中,我们使用每个主题的可视化构建器使用大致相同的模块创建一个可比较的页面。 设计非常简单——我们只添加了三个元素来尽可能保持平等:

  • 带有lorem ipsum的文本编辑器
  • 按钮
  • 见证 (我们禁用了图像/图标以使其均匀)

这里的想法主要是查看当您激活每个主题的构建器时会向页面添加哪些额外的“权重”。

高质量外链购买

您会立即看到的一件事是,Divi 的页面大小和 HTTP 请求在此测试中没有变化。 这是因为 Divi 已经在其所有页面上加载了 Divi Builder 所需的一切,而我们的测试页面仅使用了一些不包含图像或图标的模块,因此 Divi 不需要添加任何页面大小或 HTTP 请求。

这种方法的缺点是,即使在仅使用本机块编辑器的页面上,您也要承受 Divi Builder 的重量(正如你在第一次测试中看到的)。 话虽如此,即使考虑到这一点,Divi 仍然在第一次测试和第二次测试中击败了 Avada。

Avada 也加载 几乎 无论您是否使用 Avada Builder,它都需要它需要的一切,但它确实需要在我们的 Builder 页面中添加另一个 ~20 KB 和一个 HTTP 请求。

这是台式机和移动设备的数据……

桌面:

LCP 完全读取 页面大小 HTTP 请求
迪维 2.078 秒 2.300 秒 447 KB 18
阿瓦达 2.630 秒 2.958 秒 492 KB 16
Divi(带 WP Rocket 🚀) 0.353 秒 0.503 秒 378 KB 13
Avada (w/ WP Rocket 🚀) 0.323 秒 0.554 秒 358 KB 12

移动的:

LCP 完全读取 页面大小 HTTP 请求
迪维 5.571 秒 6.864 秒 431 KB 18
阿瓦达 5.683 秒 7.221 秒 492 KB 16
Divi(带 WP Rocket 🚀) 1.737 秒 3.034 秒 362 KB 13
Avada (w/ WP Rocket 🚀) 1.210 秒 2.638 秒 358 KB 12

总体而言,您可以看到与我们之前的测试类似的结果。

JasperAI 10000字免费额度试用

基本上,Divi 本身就具有优势。 但是当你添加 WP Rocket 时,Avada 的表现稍微好一些(尽管两个主题都有很大的改进并且表现不错)。

关于 Divi 与 Avada 性能的最终想法

Divi 和 Avada 的相似之处在于,它们都使您能够使用其可视化拖放构建器来构建自定义网站。

然而,虽然它们都给你这种控制,但在开箱即用的性能方面,Divi 似乎略有优势,页面尺寸略小,以用户为中心的指标更好,比如谷歌的最大内容绘制时间核心网络生命体征。 差别不大,但Divi 通过它自己 在我们运行的所有四项测试中都领先。

然而, 将 WP Rocket 添加到组合中时,两个主题都有巨大的改进. 尽管如此,Avada 还是有所改进 并且在启用 WP Rocket 的情况下加载速度比 Divi 稍快(虽然只有在使用 WP Rocket 的新删除未使用的 CSS 功能时)。

WordPress备份工具updrafplus

这表明,只要您使用 WP Rocket 之类的工具实施 WordPress 性能最佳实践,您仍然可以使用 Avada。

当然,这两个主题并不是您仅有的两个选择。 如果您专注于速度和性能,如果您正在建立电子商务商店,您可能想要查看我们最快的免费 WordPress 主题或最快的 WooCommerce 主题集合。
您可以找到比这两个更快的主题,包括 Astra 主题,它在我们的 Divi 与 Astra 性能比较中表现良好。

您对Divi vs Avada的速度和性能还有任何疑问吗? 在评论中询问我们!


营销型WordPress外贸多语言独立站建设+谷歌SEO优化+谷歌关键字广告投放,就找WP花园!深圳公司,技术实力雄厚,用效果说话!详情咨询info@wordpresshy.com

5分钟生成10篇英文软文article forge软件试用
tiktok