Elementor优化设置+禁用+使用,秒开

本文内容非原创,参考博客:diiamo.cn;

引用原文:《终极Elementor速度优化技巧, 秒开页面, 设置+禁用代码+使用技巧》(https://diiamo.cn/elementor-speed/)

Elementor(以下简称Ele)是一款功能强大、灵活的WordPress页面构建器,使用它可以轻易搭建出时尚、功能强大的响应式页面,因此非常受欢迎。据统计有1/5的WordPress网站使用Ele搭建,它的受欢迎程度可见一斑。强大的功能和灵活性也导致Ele代码臃肿,速度偏慢,备受诟病。

一、Elementor为什么卡?

Elementor功能很强大有众多小部件可以实现各种功能和排版,而且设置多种多样很人性化。每个功能背后都是代码的堆叠,因此Ele往前端添加了一大堆代码,而且代码之间相互依赖导致无法禁用和延迟加载,所以速度慢。

二、增加Elementor使用内存

Elementor非常吃配置,如果内容不够很容易卡,大部分主机默认情况下可用内存只有64M或者128M,所以需要修改PHP内存限制。修改方法:如果是虚拟主机,直接在主机管理面板修改PHP内存限制。VPS登录宝塔面板或者使用FTP进入文件管理,在网站根目录找到并且打开wp-config.php文件 Pasted 76 ,添加下面代码修改内存限制。如果是1G内存主机,改为128M,2G内存改为256M,4G改为648M。

图片

三、Elementor设置优化

Elementor设置里有很多功能可以减小代码量,提升加载效率,建议按引用原文博客的教程启用相应功能。没提到的功能和速度无关,按需启用。

四、禁用Elementor谷歌字体

谷歌字体很慢,尽量不要使用谷歌字体。尤其是大陆网站,如果使用谷歌字体会非常卡。如果一定要使用,需要本地托管谷歌字体。

五、不要使用Elementor搭建整站内容

提升Elementor最好的方法就是不要使用Elementor制作页眉、Cookies收集提示框,表单弹出等整站出现的内容。改用主题或其它插件制作相应内容。因为Ele的代码互相依赖,一个小部件可能涉及到十几个文件,它们无法延迟加载也无法禁用。这就是Ele卡的根本原因。例如要正常显示Elementor制作的手机端菜单需要排除下图中JS被延迟加载。

六、禁用无用Elementor代码

虽然Elementor的代码互相依赖,还是有一部分无用代码(大概1/3)可以被禁用。禁用后会进一步提升速度,这也是Elementor速度优化的重中之重。禁用代码需要用到Perfmatters插件,安装插件后进入Perfmatters设置界面,在“Assets”设置里面启用脚本管理器,点保存。

七、延迟加载JS代码、生成关键CSS、延迟加载图片

对于无法禁用的Elementor JS/ CSS,需要使用延迟加载/ 生成关键CSS优化加载效率,缩短页面加载时间。

八、Elementor页面搭建技巧

使用Elementor搭建页面,一样的设计可以有很多种实现方法。好的构建方法能有效减少代码量,对优化Elementor速度非常有帮助。(具体教程请查看原文,写的超详细!)