如何使 Elementor Cloud 更快:6 个最佳技巧

Blair Jersyer Jun 20, 2022

您现在正在运行一个Elementor Cloud网站,但您确定您的博客对于您的访问者来说是快速的? 如果 Elementor Cloud 确实具有使您的网站快速的最佳优化,那么速度优化仍然存在巨大的可能性。

如今,拥有一个快速的网站是一项要求,因为很少有访问者会等待您的网站加载长达 3 秒。 加载时间越长,访问者反弹的次数就越多。 反弹访客意味着赔钱。

在本教程中,我们将与您分享可以立即在 Elementor Cloud 网站上应用的最佳提示和技巧。 最后一个技巧将向您展示如何使用缓存插件来显着提高性能。

1. 使用更好的压缩图像

您可能在Elementor Cloud网站上使用了很多图片。 如果您不优化它们,您的网站将提供大而重的文件,导致网站加载缓慢。 您的第一个优化技巧是上传较小的图像(除非您有在线作品集)。 然后您需要添加 Elementor Cloud Compatible 插件,其中之一是 Smush。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

Smush – 延迟加载图像,优化 & 压缩图像

优化图像,打开延迟加载,调整大小,压缩 & 使用 WPMU DEV 为您带来的令人难以置信的强大和 100% 免费 WordPress 图像模糊器来提高您的 Google 页面速度!

主要特征

  • 超级糊
  • 无损压缩
  • 延迟加载
  • 散装糊状
  • 图像调整大小
  • 尺寸不正确的图像检测
  • 目录粉碎
  • 自动优化
  • 没有每月限制

该插件将帮助压缩您的图像。 安装此插件后,您几乎不需要执行手动操作。

2. 缩小 CSS 和 JS

如果您使用 YellowPencil 之类的工具来编辑网站的样式,您最终可能会得到一长串未压缩的 CSS。 未压缩的 CSS 或 Js 是具有可截断的不必要空间的文件。 在这里,尽管 Elementor Cloud 上真正的 Cloudflare 提供了缩小服务,但仍建议您使用缩小插件。

蜂鸟 – 优化速度,启用缓存,缩小 CSS & 延迟关键 JS

使用 Hummingbird 对文件压缩的​​微调控制、延迟 CSS 和 JavaScript 样式和脚本、缩小 CSS、延迟加载集成和世界一流的缓存,优化您的网站速度变得更加容易。

主要特征

  • 启用文本压缩
  • 预连接到所需的来源。
  • 预加载密钥请求
  • 避免巨大的网络负载
  • 使用高效缓存
  • 修复 JavaScript 执行时间
  • 缩小 CSS
  • 缩小 JavaScript
  • 消除渲染阻塞资源
  • 推迟未使用的 CSS

3.避免使用过多的插件

每天都会在 WordPress 生态系统上发布许多插件。 如果您被允许将插件添加到 Elementor Cloud,您应该只安装您的网站必需的插件。

Heavy suitcase on car roof on blue background minimal creative travel concept.

与其让多个插件在您的网站上实现不同的功能,不如开始搜索结合这些功能的插件。

4.使用推荐的WordPress主题

一个快速的网站还取决于您的 WordPress 主题的质量。 但不仅主题应该是优质的 WordPress 主题,还应该与 Elementor 兼容。 很少有主题可以通过 Elementor 提供良好的质量,这里是我们推荐的最佳主题列表。

您将选择最适合您业务的一种。

5. 数据库优化

您的 Elementor Cloud 网站的数据库是存储您网站的所有内容和设置(包括您的 Elementor 设计)的地方。

当访问者到达时,在 WordPress 站点上显示页面所需的所有信息都是从数据库查询中检索出来的(尽管如上所述,页面缓存可以消除大多数访问者的这个过程)。

随着数据库规模和复杂性的增长,这些查询需要更长的时间并占用更多的服务器资源,因此您的站点速度会受到影响。

因此,您应该养成定期清理网站数据库的习惯。 以下是一些可能有帮助的插件:

6.使用页面缓存插件

在 Elementor Cloud 上进行缓存的最佳推荐插件之一是WP Super Cache 这个插件有点像 W3 Total Cache,但这个最新的不兼容。

WP 超级缓存

WP Super Cache 从您的动态 Elementor Cloud 网站生成静态 HTML 文件。 生成 HTML 文件后,您的网络服务器将提供该文件,而不是处理相对较重和更昂贵的 WordPress PHP 脚本。

您将使用此插件获得的表演令人惊叹。 大多数时候,当页面加载时,它会请求服务器构建所有页面。 使用这个插件,页面是静态 HTML 的事实将使其加载速度更快。

概括

Elementor Cloud是当今设计师最好的托管解决方案之一,因为它提供了使用 Elementor 创建网站所需的一切。 但是,为了提高 Elementor Cloud 网站的性能,我们在这篇文章中看到了一些我们相信会改善您的用户体验的技巧和提示。

Divi WordPress Theme