YUI Compressor下载 – JS/CSS压缩工具,使用YUI Compressor压缩js和css代码教程

[ SEO优化   // 2015-10-02  ]
YUI Compressor下载 – JS/CSS压缩工具,使用YUI Compressor压缩js和css代码教程
323

压缩 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%href="http://www.softhome.cc/lib;%JAVA_HOME%href="http://www.softhome.cc/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代码优化技巧