YUI Compressor下载 – JSCSS压缩工具，使用YUI Compressor压缩js和css代码教程

压缩 JavaScript 和 CSS 代码的目的是降低相关文件的大小，从而提高网站页面访问速度。在前端代码压缩方面，使用最为广泛的要属YUI Compressor工具和淘宝封装的css和js压缩工具TBCompressor。相比其他工具，YUI Compressor 100% 安全，压缩比更高。

YUI Compressor是雅虎提供的一款压缩JavaScript和CSS代码的工具，压缩后的文件几乎接近原文件的一半大小。该工具使用Java编写，运行需要安装JRE，YUI Compressor能有效去除JavaScript和CSS文件中冗余的空白字符和注释，替换JavaScript局部变量名称，大幅度缩减代码体积。

使用YUI Compressor压缩js和css代码：一、下载文件

下载YUI Compressor 2.4.8 ，如果电脑没有安装JAVA，需要先官网下载对应版本的JDK进行安装。

安装时会选择 jdk 与 jre 的保存目录，记住它们。

二、配置JAVA环境变量

依次打开「控制面板」「系统和安全」「系统」「高级系统设置」；

点击「高级」「环境变量」；

先新建一个用户变量，变量名为：JAVA_HOME，变量值为：java安装目录路径/jer8；

接着在系统变量中找到Path，点击编辑；

在最后名加上;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin; 注意前后带分号；

新建变量 CLASS_PATH，值填写：.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar

设置好后，打开cmd，输入java，如果能出现帮助说明，那就表示配置成功了。

三、使用YUI Compressor压缩JS和Css

常用示例(在cmd中执行)

java -jar D:/yuicompressor-2.4.6/build/yuicompressor-2.4.6.jar --type js --charset UTF-8 D:/my.js -o D:/my-min.js

java -jar D:/yuicompressor-2.4.6/build/yuicompressor-2.4.6.jar --type css --charset UTF-8 D:/my.css -o D:/my-min.css

type指定要打包的文件类型，可选的有 js和css

charset 指定字符集

-o 指定输出的文件名，如果不指定这个参数将会把压缩后的内容输出到命令行上

最后的my.js和my.css是要打包的debug版源文件

如果没有给定charset参数，则字符集默认是系统的，此处指定了UTF-8，更加你的实际需要修改。

使用YUI Compressor和DOS批处理脚本压缩JavaScript和CSS，加上IIS的GZIP，加起来能得到85%左右的压缩率。(其中YUI Compressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。

四、添加YUI Compressor右键菜单选项

每次用YUI Compressor压缩代码都需要打开cmd输入一些命令来执行压缩，有点繁琐，很久之前用过一个向右键菜单添加压缩选项的脚本，挺好用的，再也不需要使用其他在线压缩工具或本地压缩软件了，右键一键搞定，设置步骤如下：

用 管理员身份运行文件夹里的 install.cmd，杀毒软件会报，信任此操作即可；

不出意外就能安装成功，右键点击javascript或css文件，右键菜单就会多出来一个YUI Compressor的选项；

对文件夹里的test..js和test.css进行压缩测试，压缩成功会自动生成后缀带min的文件；

可以看到压缩效果还是非常明显的，以后就可以随时随地右键压缩文件了，而不需要打开其他软件进行压缩，方便快捷；

注意：js 和 css 文件编码默认要是 UTF-8. 如果要压缩 GBK GB18030 GB2312编码的文件, 请打开 compressor.cmd 将 UTF-8 替换为 GB18030，否则中文会出现乱码。

相关文件下载地址：

官方网站：访问

软件性质：免费

下载 YUI Compressor- 2.4.8 | 下载JDK 配置文件 | 来自@奇芳阁 | JS、css代码优化技巧