Mac知道
    Facebook Twitter Instagram
    Mac知道
    Subscribe
    • 主页
    • 新闻资讯
    • Mac软件
    • Mac教程
    • Apple Wiki
    • Apple Products
    Mac知道
    主页»wordpress»Autoptimize 优秀的 WordPress 前端提速插件

    Autoptimize 优秀的 WordPress 前端提速插件

    二狗子发布者: 二狗子2018年1月1日4条评论阅读时长: 1 分钟

    Autoptimize 是一款 WordPress 插件,这个插件可以合并前端众多的 JS 和 CSS,减少浏览器对服务器的请求次数,并且可以除去其中如空行、注释等多余代码,也可压缩 HTML 文本,极大加速网站响应。

    Autoptimize logo

    对于网站访客来说,网页的加载速度自然是越快越好。一个打开迅速的网站可以节约访客的等待时间,给访客留下很好的体验。

    一、Autoptimize 简介

    版本  2.2.2
    更新时间  2017年12月
    安装数  40万
    WordPress版本  4.0+
    最高支持  4.9.1
    语言  部分汉化,英文等 19+

    (表格数据截至2018.01.01)

    Autoptimize 设置界面
    Autoptimize 设置界面

    官方地址:Autoptimize官方下载

    二、Autoptimize 主要功能

    Autoptimize 主要通过以下几种方式来加速 WordPress 前端速度:

    HTML选项

    优化 HTML 代码:移除代码中的空行、注释等。

    JavaScript 选项

    优化 JavaScript 代码:此项功能会将多个 js 合并成为一个,主要注意的是,有些 WordPress 主题 js 写的不好,合并后可能浏览器会报错。

    解决办法:可以在 Exclude scripts from Autoptimize 这个选项中选择一些有问题的 JS,这些选中的 JS 不会被压缩。

    CSS 选项

    优化 CSS 代码:开启此选项会合并多个 css 并对内容进行压缩。

    和 JS 一样,若压缩 css 后前端显示不正常,可以在排除选项 Exclude CSS from Autoptimize 中排除有问题的 css 文件。

    CDN 选项

    cdn选项:css 和 js 合并后,可以重写域名,对此域名可以单独开启 CDN 服务加速。Mac知道就使用了这个功能,将压缩后的 css 和 js 单独重写为另一个子域名,使用 Baidu CDN 进行全网缓存加速。

    Cache Info

    显示缓存信息,如位置,占用空间等。

    Misc Options

    Save aggregated script/css as static files:开启本选项后,被合并压缩的 css 和 js 将保存为静态文件。若不开启,autoptimize 将会使用 php 以动态方式加载压缩后的文件。推荐开启。

    Also optimize for logged in users:开启本选项后,对于管理员或登陆 WordPress 后台用户,仍然显示压缩后的 js 和 css,本选项推荐开启。关闭此选项可以用来排查错误。

    三、Autoptimize 使用中的问题

    1、Q:打开 Autoptimize 设置选项非常慢,甚至无法打开。

    A:出现这个问题,你的网站服务器一定在中国。每次开启 Autoptimize 设置界后,Autoptimize 的程序源码会使用 php 请求 feeds.feedburner.com,从此处获取信息填充右侧边栏的新闻推送。问题是  feeds.feedburner.com 这个网站在国内无法被访问,造成 php 程序超时。

    解决方案:如果自己对服务器有权限,在 hosts 中加入:feeds.feedburner.com  127.0.0.1

    完美解决 php 访问超时。

    2、Q:Autoptimize 优化效果明显么?

    A:非常明显。据本站测试,速度有明显提升。Google 检测 CSS 和 JS 加载速度结果优秀。

    推荐阅读:

    • WordPress 编辑器常用快捷键
    • WordPress后台开启Google Authenticator验证
    • WordPress 自动升级失败转手动升级记录

    更多文章

    WordPress 自动升级失败转手动升级记录

    WordPress 编辑器常用快捷键

    WordPress后台开启Google Authenticator验证

    显示 4 条评论

    4条评论

    1. YUN88 on 2019年5月8日 上午9:01

      不是所有的主题都可以被优化,有的压缩后就 GG 了

      Reply
      • atw on 2019年8月13日 下午8:30

        这东西要怎么配置 cdn 啊

        Reply
        • 二狗子 on 2019年8月13日 下午10:10

          需要单独划分一个 CDN 域名,在 Autoptimize 压缩后的 css 和 js 会用新域名。

          Reply
          • atw on 2019年8月16日 下午8:50

            跟插件优化的 cdn 分开,然后只要在 Autoptimize 设置新的 cdn 域名,以后就会自动使用新的 cdn 域名对吧?

            Reply

    评论区 Cancel Reply

    最新文章
    Apple Wiki

    MacBook 为什么不适合大学生

    2022年10月28日

    今天我们来专门来聊聊为什么我不太推荐大学生尤其是大一新生买 MacBook 来作为你的日用电脑。首先…

    苹果 2022.10 月新品评价

    2022年10月19日

    罗技 MX keys Mac 版和普通版区别

    2022年4月3日

    苹果发布 macOS Monterey 12.3.1 正式版

    2022年4月1日
    Mac知道
    Facebook Twitter Instagram
    • 联系我们
    • 隐私保护
    • 站点地图
    © 2017-2023 Mac知道. ICP License: 豫ICP备15028777号.

    按下 Enter 键开始搜索. 按下 Esc 键退出.