WordPress轻量级优化压缩前端页面提速插件Autoptimize

原创 2016-09-20 阅读 168 次 评论 21 条

细心的博主们应该已经发现,有一些博客网站的源代码和CSS代码都是压缩过的,虽然这些代码我们看来是一坨坨的,非常难看,但是这些压缩过的代码使得页面体积大大减少,从而提高访问速度,这一点上就值得我们去优化压缩我们的前端页面代码。所以今天就跟大家分享一款WordPress轻量级优化压缩前端页面提速插件Autoptimize。

WordPress轻量级优化压缩前端页面提速插件Autoptimize

Autoptimize插件介绍

Autoptimize,从名字上看就是Auto+Optimize,即是自动优化的意思。它的作用就是通过整合优化(去除不必要的空格、换行、注释)CSS、HTML和JavaScript代码,从而达到优化我们网站提高访问速度。

  • 版本要求: 4.0 or higher
  • 兼容版本: 4.6.1
  • 最近更新: 2周之前
  • 活跃安装: 100,000+

Autoptimize插件下载

Autoptimize插件安装及设置

1Autoptimize插件的安装:只需要在WordPress后台 > 插件 > 安装插件 > 输入“Autoptimize”搜索插件,然后点击“现在安装”按钮进行安装即可。

2Autoptimize插件的设置及使用:成功安装Autoptimize插件并点击“启用”该插件,然后点击该插件的【设置】按钮或进入后台 > 设置 > 点击“Autoptimize”进行简单设置即可(PS:官网下载安的竟然是部分汉化版,所以选项设置一目了然)。

WordPress轻量级优化压缩前端页面提速插件Autoptimize 设置页面

Boke112在此强烈建议大家在设置时只勾选“优化 HTML 代码和优化 CSS 代码”,其它默认即可。 千万不能勾选“优化 JavaScript 代码”否则有可能会造成网站出现一些不可预知的错误。当然,如果动手能力强的,也可以勾选“优化 JavaScript 代码”,出现问题后自行排除即可。

PS:如果英文比较厉害,还想更深入折腾这个Autoptimize插件的话,可以点击右上角的【Show advanced settings】,然后就会多出很多英文选项的设置,比如CSS选项:

WordPress轻量级优化压缩前端页面提速插件Autoptimize CSS选项

3Autoptimize插件使用测试

在这里,我们只需要进行简单的设置即可,所以只需勾选“优化 HTML 代码”和“优化 CSS 代码”,其他直接默认留空,接着点击【保存更改】,然后通过查看网站首页源码及CSS文件,发现首页的HTML代码和所引用的CSS文件均已成功被压缩。

WordPress轻量级优化压缩前端页面提速插件Autoptimize 使用效果图

经过boke112使用测试,这款Autoptimize插件设置及使用还是比较简单,如果同时敢于折腾压缩JS代码的话,对于装了很多插件和主题默认加载很多CSS和JS文件的WordPress站点的加速效果会更加明显,不过对于本来就是轻量级的主题来说,效果可能并不明显。所以,具体如何选择只能靠大家自己了。

号外:

据说Autoptimize加载了ajax.googleapis.com服务会影响运行速度,而这个服务是在plugins\autoptimize\classes\external\js目录的 jquery.zrssfeed.min.js文件中,可惜我未能找到这个文件,不知道是否是插件作者已经更新删除了(本文所使用到的Autoptimize插件是2.1.0版本)。

本文地址:http://boke112.com/3517.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归  所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana
CPA教学与引流技巧

发表评论

呲牙憨笑坏笑偷笑色微笑抓狂睡觉酷流汗鼓掌大哭可怜疑问晕惊讶得意尴尬发怒奋斗衰骷髅啤酒吃饭礼物强弱握手OKNO勾引拳头差劲爱你

表情

  1. Koolight
    Koolight 【省长】 @回复

    如果能知道主题哪些js可以排除,那肯定很有用的,目前就是js文件加载过多,导致缓慢。

    • boke112导航
      boke112导航【站长】 @回复

      @Koolight 其实很多JS都是可以合并的,合并压缩失败大多都是JS文件里面的注释出现问题,直接删除再压缩一般都不会有问题。

      • 我爱动感单车网
        我爱动感单车网 【省长】 @回复

        @boke112导航 这款插件就这点不好,如果对js进行压缩的话,网站很容易出问题。像我的博客,一旦压缩之后首页的幻灯片就不能正常显示了。

  2. 泛宝汇博客
    泛宝汇博客 【市长】 @回复

    介绍的详细。

  3. 明月登楼的博客
    明月登楼的博客 【总理】 @回复

    兼容性还是有点问题!我用过几天后来就不用了!感觉有了缓存插件,这个有点鸡肋了!

  4. 乐赚鸟
    乐赚鸟 【农民】 @回复

    学习了。;

  5. 你的名字
    你的名字 【镇长】 @回复

    尽量别优化

  6. 阅乎之
    阅乎之 【农民】 @回复

    原来是这样

  7. 浙江经济理事会
    浙江经济理事会 【农民】 @回复

    这个插件还不错啊。

  8. 憧憬Licoy
    憧憬Licoy 【镇长】 @回复

    尽量少使用插件

  9. 刘传鹏博客
    刘传鹏博客 【镇长】 @回复

    没有动静分离的话,这个插件还是不错的

  10. 小C博客
    小C博客 【县长】 @回复

    现在CDN都帮你压缩了!

  11. 用友软件
    用友软件 【镇长】 @回复

    过来学习下

  12. 我爱动感单车网
    我爱动感单车网 【省长】 @回复

    以前试着用过,但感觉不怎么样,就放弃了。改为使用,通过添加代码来实现压缩这个功能。

  13. 192.168.1.1
    192.168.1.1 【农民】 @回复

    目前用的就是这款插件,很给力的说。

  14. 龙砚庭博客
    龙砚庭博客 【市长】 @回复

    js最好是不要压缩,容易出事。
    我现在html都用代码压缩了,至于css比较麻烦,用压缩工具普通压缩。
    感觉能不用插件还是不用的好。

  15. 爱时尚
    爱时尚 【市长】 @回复

    我也想尝试压缩一下,现在网站的访问速度有点慢

  16. 捌零男人
    捌零男人 【镇长】 @回复

    我是用水煮鱼的代码压缩办法,体积是压缩了,但速度不明显

  17. 美女贴图
    美女贴图 【队长】 @回复

    早安 博主 来抢沙发啦。