Close Menu
Mac知道
    Facebook X (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

    最新文章
    新闻资讯

    苹果 ARM 电脑市场中占据 90% 的份额,市场需求预计翻倍增长

    2023年4月11日

    来自 Counterpoint Research 发布的最新报告指出,预计到 2027 年,基于 A…

    iStat Menus 6 – Mac 上易用的状态显示工具

    8.3 2023年4月10日

    MacBook 为什么不适合大学生

    2022年10月28日

    苹果 2022.10 月新品评价

    2022年10月19日
    Mac知道
    Facebook X (Twitter) Instagram
    • 联系我们
    • 隐私保护
    • 站点地图
    © 2017-2024 Mac知道. ICP License: 豫ICP备15028777号.

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