当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

用YUI Compressor压缩JavaScript和CSS

发表于: 2012-11-28   作者:sunjing   来源:转载   浏览:
摘要:      对于大量使用 JavaScript 和 CSS 的 AJAX 应用来说,如果 JavaScript 和 CSS   文件很大,则传输到客户端的时间会很久,网站性能不佳,压缩 JavaScript 和 CSS   就是必要的了。     本文使用 YUI Compressor 压缩 J

     对于大量使用 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



用YUI Compressor压缩JavaScript和CSS

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号