用YUI Compressor压缩JavaScript和CSS

     对于大量使用 JavaScript 和 CSS 的 AJAX 应用来说，如果 JavaScript 和 CSS   文件很大，则传输到客户端的时间会很久，网站性能不佳，压缩 JavaScript 和 CSS   就是必要的了。

    本文使用 YUI Compressor 压缩 JavaScript 和 CSS ，再使用 GZIP ，加起来能得到 85% 左右的压缩率（其中 YUI Compressor 的压缩率大约为 50%）。

    YUI Compressor 下载地址 http://www.julienlecomte.net/yuicompressor/

常用示例 （在 cmd 中执行)

1: java -jar C:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar --charset UTF-8 D:\my.js -o D:\my-min.js

2: java -jar C:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar --charset UTF-8 D:\my.css -o D:\my-min.css

3: 如果没有给定 charset 参数，则字符集默认是 UTF-8

使用 DOS 批处理脚本批量压缩 JavaScript 和 CSS

1、把项目用到的 js 和 css   按照模块放在专门的目录下

 

2、编写DOS 批处理脚本来自动处理目录和子目录下的所有 js 和 css 文件 ，例如 myCompressor.bat ，脚本内容如下：

 

@echo off
::设置YUI Compressor启动目录
SET YUIFOLDER=C:\yuicompressor-2.4.2\build
::设置JS/CSS根目录
SET JSFOLDER=C:\js
@echo 正在查找JavaScript/CSS ...
cd /d %JSFOLDER%
for /r . %%a in (*.js *.css) do (
@echo 正在压缩 %%~a ...
java -jar %YUIFOLDER%\yuicompressor-2.4.2.jar --charset UTF-8 %%~fa -o %%~na.min%%~xa
)
@echo 完成
pause

 

压缩前后对比：

压缩前：

$(document).ready(function(){
/* 屏蔽右键 */
$(document).bind("contextmenu",function(e){
return false;
});
/* 禁止拖动 */
$(document).bind("selectstart",function(e){
return false;
});
});

压缩后

$(document).ready(function(){$(document).bind("contextmenu",function(a){return false});$(document).bind("selectstart",function(a){return false})});

 

转载自 http://www.cnblogs.com/Mainz/archive/2009/04/10/1432990.html