张经纬的博客 - 分享互联网

牛刀小试YUI compressor

这几天正在为压缩代码的事情所困扰,大家也可以看见,我的博客顶端有两个在线的压缩工具,但在实际应用过程中,除了CSS的压缩比较满意外,JS的压缩,很是不爽,如果语法有问题的话(比如缺少”;”),就会出现无法预知的错误。

不过让人欣慰的是,Yahoo!给我们带来了YUI  compressor!,呵呵,废话少说,赶紧体验。

YUI compressor的下载地址是:http://developer.yahoo.com/yui/compressor/

淘宝做了一个可视化的版本,叫做TBCompressor,可以到这里下载:http://lifesinger.org/blog/?p=464
谢谢岁月老大!

如果你没有安装JAVA环境的话,还需要安装一下JDK

下载地址是:http://java.sun.com/javase/downloads/index.jsp 我们选择(Java SE Development Kit (JDK) 6 Update 11)这个下载。

下载,安装,一路Next,没有任何问题,对了,你可以修改一下路径。

安装完毕以后,需要配置一下JAVA_HOME环境变量。

配置方法如下。

1、点击我的电脑—>属相—>高级—>环境变量—>系统变量

2、新建变量,变量名JAVA_HOME 路径:E:\Program Files\Java\jdk1.6.0_11 (我的是在E盘,你的JDK安装到那个盘,就写那个盘)

3、找到path变量,在后面添加路径:;%JAVA_HOME%\jre6\bin

OK,一路确定,关闭窗口。

打开CMD,输入java -version

看看能不能出来版本?

java version “1.6.0_11″
Java(TM) SE Runtime Environment (build 1.6.0_11-b03)
Java HotSpot(TM) Client VM (build 11.0-b16, mixed mode, sharing)

 

OK,我的没有问题了,呵呵,现在,我们测试一下,看看他的压缩效果。

我们就压缩一个Dreamweaver自带的“AC_RunActiveContent.js”脚本文件。

下图中,左侧的是原始文件,右侧的是压缩后的文件。

YUI压缩对比图

呵呵,接近50%的压缩比,不错了!另外,就目前测试的情况来看,非常完美,不会出现在线压缩工具经常出现的“语法错误”了。   :mrgreen:

加入书签:
  • QQ书签
  • 豆瓣
  • 豆瓣九点
  • Haohao
  • RSS
  • email

原文链接|

目前 共有 11 条评论 ,点此发表评论

  1. jQuery 1.3 正式版发布- 张经纬的博客

    一月 15th, 2009 @ 13:17

    [...] 对了,JQ现在用YUI压缩了,呵呵,还是YUI好。 [...]

  2. 蓝雨

    一月 15th, 2009 @ 18:28

    native2ascii.exe?里面什么没有这个?

    回复

  3. 搜我收藏 » jQuery 1.3 正式版发布

    一月 15th, 2009 @ 18:30

    [...] 对了,JQ现在用YUI压缩了,呵呵,还是YUI好。 [...]

  4. 张经纬

    一月 16th, 2009 @ 09:46

    @蓝雨
    你的java jdk没有安装成功,重新安装一下试试。

    它是一个转码小工具,按理说应该在你安装JDK的时候一并安装。

    回复

  5. oegg

    一月 16th, 2009 @ 10:43

    其实对于css的压缩,这个工具还做的不够到位。

    比如类似 #id{color:#CCCCCC;}完全可以压缩为#id{color:#CCC}
    那个分号是完全是可以去掉的

    回复

  6. oegg

    一月 16th, 2009 @ 10:43

    所以我一般用它压完后,会手工再替换一下所有的”;}”

    回复

    张经纬 reply on 一月 16th, 2009 13:24:

    可以用这个开源工具试试。 :D

    http://www.zhangjingwei.com/csstidy/index.php

    右侧可以根据需要,选一下。

    回复

  7. YUI compressor 安装及使用,js压缩好工具 | WEB & PHP & MYSQL Note

    一月 19th, 2009 @ 10:32

    [...] [转载:http://www.zhangjingwei.com/archives/yui-compressor/] [...]

  8. jQuery 1.3 正式版 在线API | CKSKY

    六月 13th, 2009 @ 20:37

    [...] 如果你想看更多的关于live和die请看下面的两个链接:live:http://docs.jquery.com/Events/livedie:http://docs.jquery.com/Events/die当然jQ肯定也不会忘记提一下我们的性能又提高啦(哈哈)三、Event对象主要是根据W3c规范,做了一个标准的对象。当然,因此有了一些变化。四、注入效率的提升插入的效率得到了提高,看来以后我们append等事情能更快了。五、重写了Offset()据官方说跨浏览器更好了,速度更快了。六、取消了浏览器监听改成jQuery.support,具体看它下面跟的“Change”。。对了,JQ现在用YUI压缩了,呵呵,还是YUI好。 [...]

  9. aa

    十一月 18th, 2009 @ 13:05

    大哥 你也讲一下用法好不

    回复

    张经纬 reply on 十一月 21st, 2009 13:12:

    安装以后,在JS文件上点鼠标右键就可以看到。

    或者也有相应的命令可以处理,这些看下YUI的说明即可,或者搜索一下,很多的,我就不复述了。

    回复