WordPress网站一般都会有几个插件,特别是外贸网站有时会安装多大几十个插件,访问网站前台后台时就会发现速度不如之前快了。因此使用 Asset CleanUp 插件可以按需加载,把那些用不到的 js、css代码不让它生效。
网站速度优化工作在 Goolge seo优化中体现的特别重要,因为谷歌对速度的要求已经达到了 2秒内打开页面才算合适,所以 WordPress网站都会想尽一切办法优化代码,来提高网站打开速度。
1、Asset CleanUp安装
在 WordPress后台 > 插件 > 安装插件,搜索 Asset CleanUp,安装并启用。

2、Asset CleanUp开启测试模式
进入插件设置,找到 Stripping the“fat”,默认是 unread 未阅读,开启后点击 update all settings按钮。此时显示 read 已读状态。

插件可以工作了,开始设置参数。
为了保险起见,我们可以开启 test mode 测试模式先试试。
3、Asset CleanUp设置
没使用优化插件就按照下面步骤操作:
- optimize css:开启所有选项,defer css loaded in the body footer 是 pro版本才能使用。
- Optimize JavaScript:开启除了pro版本之外的其它所有选项
- Site-Wide Common Unloads:删除全站表情符号、评论代码。和古腾堡相关的选项取决于是否用古腾堡编辑
- HTML Source CleanUp:清理头部的html标签,建议全都开启
- Local Fonts:本地字体很少用到
- Google Fonts:国内选择 Remove All 移除谷歌字体,外贸网站合并请求和预加载
- Disable XML-RPC:禁用XML-RPC协议,建议选择完全禁用。
4、Asset CleanUp页面卸载
开启 unload 代表这个css 或插件不在当前页面显示,或者不在所有page页面显示(二选一)。
这里的选项要看清楚了,不能乱选。比如有些css是有用的,而你给卸载掉后会导致前端页面走形。

5、Asset CleanUp插件测试结果
dux主题的魏艾斯笔记和另外一个 Astra主题网站分别进行了测试,结果如下:
Dux主题+古腾堡编辑器时(Dux本身就是极为精简的一款主题,内置的css,js代码很少),开启 Asset CleanUp 之前和之后效果区别可以忽略不计。
Astra主题+elementor插件+elementor pro插件的情况下,有一定效果,估计是各种功能用的不多。
而上面这两个网站所用的插件数量都没有达到几十个之多,所以说用不用效果差别不是很大。
6、总结
如果你的网站用了太多插件(超过10几20个以上),那么可以考虑使用 Asset CleanUp插件优化一下用不到的 css、js、字体等。
Asset CleanUp 插件和 wp-rocket插件配合效果更好。
魏艾斯笔记