Elementor性能优化技巧,2分钟显著提高网站速度

Elementor性能优化技巧,2分钟显著提高网站速度 – optimize elementor performance
Elementor 是最受欢迎的 WordPress 页面编辑器之一,但如果设置不当,可能会导致页面加载缓慢,影响 SEO 和用户体验。在本文中,我们将深入探讨如何做Elementor性能优化,让你的网站更快一步!

安装Elementor插件

进入wordpress后台插件市场,点击添加新插件,输入elementor,第一个就是了,安装启动。

install elementor plugin

Elementor常规设置

文章类型,博客网站只打开文章和页面,或只有页面也可以,文章可以直接用古腾堡。B2B网站,文章页面,portfoilo,产品(自定义)都打开。

B2C具体还是要看主题,大部分产品,文章,页面打开就行了,类似woodmart这样多功能的电商主题,project,html block都要打勾,具体看自己需要哪些页面用elementor去做。

Elementor性能优化技巧,2分钟显著提高网站速度 – how to set up elementor

Elementor集成

保持默认

高级设置

开关编辑器加载程序方法: 禁用 (切换模式,安全模式,主要应用于插件冲突)

启用未过滤的文件上传:启用 (有些文件格式比如Jason,SVG,WP默认阻止,启用就可以解除限制,如果不需要可以禁用。)

Google字体:禁用 (Elementor默认加载google字体,影响网站加载速度,最好不使用或者将字体本地化。)

Form Submissions:开启,避免遗漏客户信息

加载Font Awesome 4 支持:关闭 (Elementor默认使用 font awesome 5图标字体,如果你的网站还有主题或者插件用 4的话,关闭可以减少加载时间。)

生成器标签:禁用,启用可能泄露网站信息,有安全风险,除非你是开发人员。

Elementor性能优化技巧,2分钟显著提高网站速度 – elementor advance settings

性能(提升速度的关键)按下图设置即可

优化图像加载,css等,必须打开。

CSS打印方式:外部文件

优化图像加载:启用

优化古腾堡加载:启用

延迟加载背景图像:启用

元素缓存过期:1天

Elementor性能优化技巧,2分钟显著提高网站速度 – elementor performance set up

特性

优化标记:启用,减少DOM元素,提高网站加载速度,谷歌测速评分。

着陆页面:默认,需要做活动页面再启用。

嵌套元素:启用,把多种元素嵌套在一个容器内,减少DOM的深度。

Menu:默认,不是复杂的菜单不需要启用。

内联字体:启用,直接渲染图标,不需要额外加载其他的图标字体。

额外的自定义断点:端点,分移动端,桌面端,平板端,一般默认3端就够了,甚至2端也可以,不需要增加。

容器:启用,创建自定义高级布局和响应式设计必须的。

升级swiper库:启用,优化动态,轮播元素,改善兼容性。

优化控制加载:启用,提高站点性能。

默认更新:默认,如果希望第一时间体验elementor最新功能的话打开,记得要做备份,求稳的话就禁止或者默认。

编辑器顶栏:启用,编辑器置顶,使用起来更方便。

Elementor性能优化技巧,2分钟显著提高网站速度 – elementor features
Elementor性能优化技巧,2分钟显著提高网站速度 – elementor feature

下一篇:

WP Rocket使用教程 网站加速最强神器

FlyingPress + FlyingCDN:2024打造极速WP网站,提升SEO排名

本文对你有帮助吗?

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部