本文内容非原创，参考博客：diiamo.cn；
引用原文：《终极Elementor速度优化技巧, 秒开页面, 设置+禁用代码+使用技巧》（https://diiamo.cn/elementor-speed/）
Elementor（以下简称Ele）是一款功能强大、灵活的WordPress页面构建器，使用它可以轻易搭建出时尚、功能强大的响应式页面，因此非常受欢迎。据统计有1/5的WordPress网站使用Ele搭建，它的受欢迎程度可见一斑。强大的功能和灵活性也导致Ele代码臃肿，速度偏慢，备受诟病。Elementor功能很强大有众多小部件可以实现各种功能和排版，而且设置多种多样很人性化。每个功能背后都是代码的堆叠，因此Ele往前端添加了一大堆代码，而且代码之间相互依赖导致无法禁用和延迟加载，所以速度慢。Elementor非常吃配置，如果内容不够很容易卡，大部分主机默认情况下可用内存只有64M或者128M，所以需要修改PHP内存限制。修改方法：如果是虚拟主机，直接在主机管理面板修改PHP内存限制。VPS登录宝塔面板或者使用FTP进入文件管理，在网站根目录找到并且打开wp-config.php文件 Pasted 76 ，添加下面代码修改内存限制。如果是1G内存主机，改为128M，2G内存改为256M，4G改为648M。
Elementor设置里有很多功能可以减小代码量，提升加载效率，建议按引用原文博客的教程启用相应功能。没提到的功能和速度无关，按需启用。谷歌字体很慢，尽量不要使用谷歌字体。尤其是大陆网站，如果使用谷歌字体会非常卡。如果一定要使用，需要本地托管谷歌字体。提升Elementor最好的方法就是不要使用Elementor制作页眉、Cookies收集提示框，表单弹出等整站出现的内容。改用主题或其它插件制作相应内容。因为Ele的代码互相依赖，一个小部件可能涉及到十几个文件，它们无法延迟加载也无法禁用。这就是Ele卡的根本原因。例如要正常显示Elementor制作的手机端菜单需要排除下图中JS被延迟加载。虽然Elementor的代码互相依赖，还是有一部分无用代码(大概1/3)可以被禁用。禁用后会进一步提升速度，这也是Elementor速度优化的重中之重。禁用代码需要用到Perfmatters插件，安装插件后进入Perfmatters设置界面，在“Assets”设置里面启用脚本管理器，点保存。七、延迟加载JS代码、生成关键CSS、延迟加载图片对于无法禁用的Elementor JS/ CSS，需要使用延迟加载/ 生成关键CSS优化加载效率，缩短页面加载时间。使用Elementor搭建页面，一样的设计可以有很多种实现方法。好的构建方法能有效减少代码量，对优化Elementor速度非常有帮助。（具体教程请查看原文，写的超详细！）
发表评论 取消回复