
Elementor 是最受欢迎的 WordPress 页面编辑器之一,但如果设置不当,可能会导致页面加载缓慢,影响 SEO 和用户体验。在本文中,我们将深入探讨如何做Elementor性能优化,让你的网站更快一步!
安装Elementor插件
进入wordpress后台插件市场,点击添加新插件,输入elementor,第一个就是了,安装启动。

Elementor常规设置
文章类型,博客网站只打开文章和页面,或只有页面也可以,文章可以直接用古腾堡。B2B网站,文章页面,portfoilo,产品(自定义)都打开。
B2C具体还是要看主题,大部分产品,文章,页面打开就行了,类似woodmart这样多功能的电商主题,project,html block都要打勾,具体看自己需要哪些页面用elementor去做。

Elementor集成
保持默认
高级设置
开关编辑器加载程序方法: 禁用 (切换模式,安全模式,主要应用于插件冲突)
启用未过滤的文件上传:启用 (有些文件格式比如Jason,SVG,WP默认阻止,启用就可以解除限制,如果不需要可以禁用。)
Google字体:禁用 (Elementor默认加载google字体,影响网站加载速度,最好不使用或者将字体本地化。)
Form Submissions:开启,避免遗漏客户信息
加载Font Awesome 4 支持:关闭 (Elementor默认使用 font awesome 5图标字体,如果你的网站还有主题或者插件用 4的话,关闭可以减少加载时间。)
生成器标签:禁用,启用可能泄露网站信息,有安全风险,除非你是开发人员。

性能(提升速度的关键)按下图设置即可
优化图像加载,css等,必须打开。
CSS打印方式:外部文件
优化图像加载:启用
优化古腾堡加载:启用
延迟加载背景图像:启用
元素缓存过期:1天

特性
优化标记:启用,减少DOM元素,提高网站加载速度,谷歌测速评分。
着陆页面:默认,需要做活动页面再启用。
嵌套元素:启用,把多种元素嵌套在一个容器内,减少DOM的深度。
Menu:默认,不是复杂的菜单不需要启用。
内联字体:启用,直接渲染图标,不需要额外加载其他的图标字体。
额外的自定义断点:端点,分移动端,桌面端,平板端,一般默认3端就够了,甚至2端也可以,不需要增加。
容器:启用,创建自定义高级布局和响应式设计必须的。
升级swiper库:启用,优化动态,轮播元素,改善兼容性。
优化控制加载:启用,提高站点性能。
默认更新:默认,如果希望第一时间体验elementor最新功能的话打开,记得要做备份,求稳的话就禁止或者默认。
编辑器顶栏:启用,编辑器置顶,使用起来更方便。


下一篇:
相关文章
WPML插件教程:一键打造多语言网站
谷歌SEO结构化数据(shema)是什么?google增强搜索结果实操
Contact Form 7教程:如何添加附件上传功能
谷歌On-Page SEO教程:站内优化怎么做
网站备份插件:Duplicator VS All-in-One WP Migration
Elementor和Gutenberg怎么设置结构化数据标记(Schema)
Advanced Custom Fields教程:创建自定义产品页面
如何设计网页左边固定侧边栏,右边动态筛选内容(UEE教程)