如何解决 Elementor 加载卡顿问题：详细指南

Elementor 简化了在 WordPress 中开发网站页面的过程。不过，你可能偶尔会遇到Elementor卡在加载屏幕上的情况，有时小部件面板也可能无法加载。这些问题可能以多种形式出现，一些用户不知道自己遇到了什么问题。

如果遇到Elementor “卡在加载屏幕上“（Stuck on the loading screen）问题，可能遇到了以下问题之一：

1. 编辑器不断加载：最常见的Elementor加载卡死问题是这样的。Elementor编辑器会无限期加载。与插件或主题不兼容是导致此问题的最常见原因。
2. 编辑器打开白色空白页的新文档：编辑器显示白色空白网页是Elementor另一种形式的加载问题。插件问题和服务器内存问题可能会导致Elementor出现白色空白页面问题。
3. 小工具面板无法加载：这是一个新的Elementor加载错误，会导致Elementor插件面板无法加载。要么小部件屏幕完全灰显，要么继续无限加载。

使用 Elementor 的前提条件

有效使用Elementor需要一些先决条件，以确保获得流畅和最佳的体验。以下是关键的先决条件：

• WordPress 安装：Elementor是一个WordPress插件，因此必须有一个WordPress网站。确保安装了最新版本的WordPress。
• 支持的 WordPress 版本：查看Elementor官方文档。保持WordPress和Elementor的更新，以便从最新功能、改进和安全补丁中获益。
• 服务器要求：确保你的托管服务器满足运行WordPress和Elementor的最低要求。这包括兼容的PHP版本（通常为PHP 7.0或更高）和充足的服务器资源。
• PHP 内存限制：Elementor可能需要比默认设置更高的PHP内存限制。请检查服务器的PHP内存限制是否设置为符合Elementor要求的值。可以在服务器的PHP配置或编辑wp-config.php文件中进行调整。
• 浏览器兼容性：Elementor一般与流行的网络浏览器兼容。不过，建议使用经常更新的浏览器，以获得最佳性能。常见的支持浏览器包括谷歌浏览器、火狐浏览器、Safari和微软Edge。
• 互联网连接：确保稳定可靠的网络连接。缓慢或不稳定的连接可能会影响Elementor页面的加载和保存。
• 响应式主题：虽然Elementor兼容大多数WordPress主题，但建议使用响应式主题。这样可以确保使用Elementor创建的设计在各种设备和屏幕尺寸上都能保持良好的外观。
• 安装 Elementor 插件：在WordPress仪表板中导航至插件 > 添加新插件，然后搜索Elementor即可。
• 可选：Elementor Pro：专业版提供高级功能。如果选择使用Elementor Pro，则需要购买许可证并在WordPress网站上安装专业版。

Elementor 停留在加载屏幕上的错误：修复方法

Elementor 是一个功能强大且灵活的页面构建器，但有时可能会遇到Elementor卡在加载屏幕上的问题，有时小部件面板也可能无法加载。以下是详细的修复方法和解决方案：

1. 确保没有插件冲突

由于插件不兼容是导致Elementor加载卡顿的主要原因，建议从这里开始排查。以下是一些已知会与Elementor发生冲突的附加插件：

• Elementor 高级插件
• Elementor Kit Lite
• 终极附加组件
• 谷歌 XML 网站地图
• Elementor 附加元件
• Elementor 的基本插件
• 高级插件
• 动力包元件
• Elementor 免费版和专业版之间的冲突

禁用这些插件，看看问题是否消失。逐个激活插件并检查Elementor是否正常工作，如果启用某个插件后问题再次出现，说明该插件就是问题所在。

2. 增加 PHP 内存限制

Elementor 卡在加载屏幕上的一个常见原因是PHP内存限制不足。默认情况下，WordPress的内存限制为40M，但Elementor至少需要64M，建议设置为128M。

更新 wp-config.php 文件，在/* That's all, stop editing! Happy publishing. */之前添加以下代码：

define('WP_MEMORY_LIMIT', '128M');

然后返回到 wp-admin -> Elementor -> System Info 检查更改是否已保存。

3. 禁用任何浏览器扩展程序

有时问题可能出在浏览器上。禁用所有浏览器扩展程序，看看问题是否解决。检查是否有广告拦截器或其它阻止脚本加载的插件。

4. 切换到默认 WordPress 主题

切换到默认的WordPress主题（如Twenty Twenty-One），看看Elementor是否正常工作。如果问题解决，说明是主题导致的，联系主题创建者寻求修复。

5. 增加服务器资源限制

有时服务器资源限制会导致问题，特别是共享主机账户。检查cPanel中的资源使用情况，并联系托管服务提供商增加资源限制。

6. 禁用未使用的小工具

禁用页面上任何未使用的小工具和元素。进入Elementor编辑器，选择小工具，点击“👁️”图标暂时禁用它，看看问题是否解决。

7. 重新安装 Elementor

停用并删除WordPress仪表板上的Elementor插件，然后重新安装和激活插件。确保备份网站数据以防在此过程中丢失数据。

8. 检查 WordPress 地址（URL）和网站地址（URL）

确保WordPress地址（URL）和网站地址（URL）一致。进入WordPress仪表板中的设置 > 常规，确认两个字段是否相同。

9. 修复混合 HTTPS

确保整个网站（包括Elementor资产）都是通过HTTPS加载。更新WordPress地址和网站地址，使其使用“https://”。确保所有Elementor页面和资产使用安全URL。

10. 进行硬刷新

在Windows上按 Ctrl + F5，在Mac上按 Cmd + Shift + R 进行硬刷新，清除缓存文件并重新加载页面。

11. 禁用安全插件

暂时禁用任何安全插件，看看问题是否解决。如果问题消失，重新配置安全设置或寻找与Elementor兼容的替代方案。

12. 检查网站健康状况和插件

使用WordPress中的“站点健康”功能识别潜在问题。安装Query Monitor插件，分析网站性能，找出影响Elementor加载的因素。

13. 关闭缓存和性能插件

暂时停用缓存或性能优化插件，如W3 Total Cache、WP Super Cache或Autoptimize，看看问题是否解决。

14. 重新生成 CSS 和数据

进入WordPress仪表板，导航到 Elementor > 工具，重新生成CSS或清除数据缓存。

15. 开关托管

如果其它方法无效，请考虑更换托管服务提供商或升级托管计划，确保服务器配置满足Elementor的要求。

16. 修改编辑器的加载方法

在WordPress仪表板中进入 Elementor > 设置 > 高级，找到更改编辑器加载方法的选项，启用该选项后检查编辑器是否能正确加载。

17. 使用 Elementor 安全模式

导航至 Elementor > 工具 > 常规 选项卡，启用安全模式，暂时停用所有插件并切换到默认的WordPress主题。

18. 调查防火墙设置

检查防火墙设置，确保必要的端口已打开，允许使用Elementor脚本。将与Elementor相关的域名或IP地址列入白名单。

19. 运行 Elementor 健康检查

在 Elementor > 工具 > 健康检查 选项卡，运行各种测试，找出与服务器配置、兼容性或与其他插件或主题冲突相关的问题。

20. 启用 WP_DEBUG 以记录错误日志

编辑 wp-config.php 文件，将 WP_DEBUG 设置为 true，记录错误日志，帮助找出具体问题：

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);

21. 暂时禁用 ModSecurity

禁用服务器上的ModSecurity规则，看看是否是它们导致了Elementor的问题。使用主机提供商的控制面板或联系主机支持人员。

22. 查看 JavaScript 控制台是否有错误

打开浏览器的开发工具（F12），导航到“控制台”选项卡，查看加载Elementor时可能出现的JavaScript错误或警告，解决相关问题。

23. 检查数据库是否损坏

使用数据库管理工具或插件扫描并识别WordPress数据库中的潜在损坏，修复任何损坏的表格后重新尝试访问Elementor。

24. 恢复网站备份

通过主机提供商的控制面板或备份插件恢复网站备份，选择Elementor出现问题之前的备份版本。

25. 其它杂项问题

• PHP 版本：如果系统运行的是PHP 8，请尝试降级到PHP 7。
• 权限：确保Elementor拥有下载Globals的权限，联系托管公司解决403错误代码。
• 缓存问题：确保已禁用服务器缓存、Cloudflare或Rocketloader。
• 检查控制台中的错误：使用浏览器的开发工具检查JavaScript错误。
• 暂时禁用CDN：禁用CDN，检查是否导致加载问题。

总结：

Elementor是一个功能强大且灵活的页面构建器，但在使用过程中可能会遇到加载卡顿或小工具面板无法加载的问题。这些问题可能由插件冲突、服务器资源不足或浏览器扩展引起。