使用YUI Compressor优化你的网页

!本文可能 超过1年没有更新,今后内容也许不会被维护或者支持,部分内容可能具有时效性,涉及技术细节或者软件使用方面,本人不保证相应的兼容和可操作性。

YUI Compressor是做什么的

这个小工具主要是用来压缩CSS和JavaScript文件的,当然你觉得可以混淆这些文件里的代码也是可以的,不过我们使用它还是看中其压缩优化的功能。

为什么要优化

因为这样可以减少网页传输中不必要的字节数,节省带宽,加快页面访问速度,具体优化守则可以参考雅虎网页优化14条准则

使用YUI Compressor的好处

方便快捷,压缩后的代码文件体积小,有效率高,当然市面上不乏有很多压缩工具,但是很多工具尤其在处理压缩一些大型脚本后往往导致脚本出错失效,这点我对YUI Compressor很放心,毕竟有雅虎这个大公司的技术支持,至少我用到现在没有压坏一个脚本。

如何获取YUI Compressor

下载地址
http://yuilibrary.com/downloads/#yuicompressor

项目主页
http://developer.yahoo.com/yui/compressor/

但是有些朋友下载下来可能会有些小小的失望,为什么呢?因为这个工具是用Java编写的,也就是说我在使这个工具生效前还必须安装Java的运行环境,当然已经安装了的话,我们就可以接着开始了,关于Java运行环境JRE的下载见这里

如何使用

将下载到的YUI Compressor包中的yuicompressor-2.4.2.jar拷贝到指定的目录下。然后通过下面的命令行进行相关操作。

压缩优化JavaScript
java -jar yuicompressor-2.4.2.jar –type js –charset utf-8 -v orginal.js > packed.js

压缩优化CSS
java -jar yuicompressor-2.4.2.jar –type css –charset utf-8 -v orginal.css > packed.css

可见–type指定了压缩文件的类型,–charset指定了压缩文件的编码,紧接着-v开关后面是要压缩的源文件orginal,>后是压缩好的文件packed。

对于CSS的压缩,我发现了一点奇怪的现象,比如形如 body {color:#000;background:#fff} 会变成 body {color:#000;background:#fff;},最后花括号前面的分号是可以省略的,我一直也是省略的写法,不晓得为什么压缩后又添加上去了。

若无特别说明,本网站文章均为原创,原则上这些文章不允许转载,但是如果阁下是出于研究学习目的可以转载到阁下的个人博客或者主页,转载遵循创作共同性“署名-非商业性使用-相同方式共享”原则,请转载时注明作者出处谢绝商业性、非署名、采集站、垃圾站或者纯粹为了流量的转载。谢谢合作!

请稍后...

发表评论

电子邮件地址不会被公开。 必填项已用*标注