Elementor是一个免费的WordPress页面构建器插件,拥有超过500万个活动安装。此外,该插件还具有高级版本和数百个附加组件,可在您的网站中添加精美的元素。 与任何其他页面构建器插件一样,Elementor添加了自定义样式和脚本,为页面的前端外观添加了令人惊叹的因素。但是,它会在前端和后端影响您网站的页面加载速度的高成本。如果由于Elementor页面构建器而导致网站速度缓慢,您可以尝试以下一些选项来解决速度问题。 修复缓慢的Elementor插件 页面速度和用户体验是谷歌搜索算法中的排名因素。因此,与使用拖拽页面速度的Elementor添加美化元素相比,您必须重视加快网站速度。幸运的是,Elementor在插件设置中提供了一些优化功能。此外,您可以优化可能影响Elementor页面加载速度的外部因素。 使用Elementor设置优化页面速度 让我们首先探索这些设置,如果这些设置不能解决您的问题,那么您应该检查其他解决方案。 1. 仅对页面启用Elementor 默认的WordPress设置允许您创建两种文章类型——文章和页面。此外,像WooCommerce这样的插件将创建产品,您还可以根据需要创建自定义文章类型。我们强烈建议只为页面启用Elementor,而不是为文章和其他自定义文章类型启用。这有助于在前端和后端禁用除页面之外的Elementor资源的加载。当您激活Elementor插件时,它将默认为文章和页面启用。您可以转到“Elementor > Settings”菜单并在“General”选项卡下禁用文章插件。 为文章禁用Elementor 2. 使用Elementor Experiments 该插件在“Experiments”选项卡下提供了许多实验性功能。在这里,您可以看到正在进行的实验以及已完成并被接受为稳定功能的实验。为了提高加载速度,您可以在稳定和持续部分下启用所有与速度相关的项目。 激活以下正在进行的实验: Improved Asset Loading – 此选项将减少加载的默认代码并仅在需要时动态加载剩余代码。 Improved CSS Loading – 这与上面的功能相同,仅在需要时加载CSS。 Inline Font Icons – 禁用Font Awesome和eicon的加载并加载内联SVG图标。 Elementor正在进行的实验 激活以下Stable实验: Optimized DOM Output——这将减少HTML wrappers的数量以提高速度。 Elementor Stable功能 确保在启用正在进行的实验后彻底测试您的网站,因为它们可能会破坏您网站的布局。例如,动态加载资源会影响使用WP Rocket和其他插件删除未使用的CSS等功能。 3.优化字体使用 使用Google字体和其他自定义字体会在Google PageSpeed Insights中产生很多问题。例如,当您使用带有Elementor插件的Google Fonts时,您会看到在加载Web字体和预加载字体时使文本可见的警告。幸运的是,Elementor具有内置的字体优化选项,您可以使用它们来提高页面加载速度。 如上所述,使用“Inline Font Icons”来使用“Ongoing Experiments”部分下的SVG图标。 转到“Elementor > Settings […]

































