整合CSS和JS

Autoptimize 用于优化你的网站, 整合CSS和优化 HTML 代码。

因官网方插件外链了国内无法访问的链接,设置页面会卡住,在官方3.1.13版基础上,去掉无用的选项卡和外链,并重新汉化:

简要说一下Autoptimize插件设置

HTML 选项

  • 只勾选“优化 HTML 代码
    整合CSS和JS-图片1

CSS 选项

  • 勾选“优化 CSS”
  • 勾选“合并 CSS 文件”

其中:排除CSS中输入:wp-content/cache/, wp-content/uploads/, admin-bar.min.css
如果默认排除中有dashicons.min.css,这是WP自带的图标库,必须删除,不能添加到排除中,否则会造成样式错误。

JavaScript 选项

  • 勾选“优化 JavaScript”
  • 勾选“合并 JS 文件”
    整合CSS和JS-图片2

重要提示:

勾选“合并 JS 文件后,在下面排除的JS中输入:

wp-includes/js/dist/, wp-includes/js/tinymce/,jquery.js,jquery.min.js,beplayer.js,layui.js

 

必须排除上述JS文件,否则可能会造成未知错误。

如果你启用的其它插件中也有JS文件,不在排除队列中,可能会造成JS错误!

其它选项

  • 勾选“生成静态的 JS/CSS 文件”
  • 勾选“所有访问者启用优化”
    整合CSS和JS-图片3

删除缓存

如果更新了主题,或者修改了主题,需要清空缓存。

点击WP后台顶部菜单中的“Autoptimize”,删除缓存。

整合CSS和JS-图片4

如果同时安装WP Super Cache缓存插件,顺便也同删除一下缓存。