整合 CSS 和 JS

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

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

要说一下 Autoptimize 插件设置

HTML 选项

• 只勾选 「优化 HTML 代码
• CSS 选项
  • 勾选 「优化 CSS」
  • 勾选 「合并 CSS 文件」

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

     

    JavaScript 选项

    • 勾选 「优化 JavaScript」
    • 勾选 「合并 JS 文件」

    • 重要提示：

      勾选 「合并 JS 文件后，在下面排除的 JS 中输入：

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

       

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

    •  

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

    •  

      其它选项

      • 勾选 「生成静态的 JS/CSS 文件」
      • 勾选 「所有访问者启用优化」

      • 删除缓存

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

        点击 WP 后台顶部菜单中的 「Autoptimize」，删除缓存。

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