前言:
现在很多web项目中都会用大量的js/css,所以用户在加载页面的时候就需要加载这些js/css,如果文件很多、很大的 话,这对用户来说是一件很痛苦的事,要等很久。所以可以通过压缩处理将js或者css压缩减小网络流量?
工具说明:
YUI compressor 是Java编写的压缩工具,由雅虎发布,压缩是 100% 的安全,比大多数其他工具有更高的压缩比, 一般代码的压缩率达到 40% 至 60%,YUI compressor 也能够压缩CSS文件,国内互联网公司,阿里、淘宝、百度等都是采用 YUI compressor 内核压缩后发布代码。
下载YUI compressor 图形化压缩工具
http://download.csdn.net/detail/vtopqx/9801051
压缩操作方式有一下三种:
1、界面图形化压缩操作:
下载解压之后运行run.bat
添加文件进行压缩,压缩完成后会在源文件目录下产生一个*-main结尾的压缩文件,
2、dos命令行方式压缩:
进入dos执行如下压缩脚本(前提:必须安装jdk,并且配置环境变量)
java -jar C:\Users\Administrator\Desktop\YUICompressorUI\lib\yuicompressor-2.4.2.jar --type js --charset UTF-8 C:\modifyCss.js -o C:\modifyCss-min.js
执行完成后,如果没有报错,则压缩成功,
参数说明:
–type指定要打包的文件类型,可选的有 js和css
–charset 指定字符集
-o 指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上
modifyCss.js是要打包的debug版源文件
如果没有给定charset参数,则字符集默认是系统的,此处指定了UTF-8,更加你的实际需要修改。
使用YUI Compressor和DOS批处理脚本压缩JavaScript和CSS,加上IIS的GZIP,加起来能得到85%左右的压缩率。(其中YUI Compressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。
3、右键快捷键方式操作:
下载快捷键批处理包(包含一些右键菜单绑定的批处理运行脚本):
http://download.csdn.net/detail/vtopqx/9801074
YUI compressor右键压缩脚本,快捷压缩,不需要命令行,和图形界面,选择文件右键可以进行压缩处理。
解压后执行install.cmd,即可绑定右键菜单。
如下图: