当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
做B/S程序用到很多JS和CSS,为了提高性能一般都采取文件压缩,之前都是用别人在线的压缩工具,但每
至于为什么要用YUI Compressor Maven 插件对js,css 进行压缩,这个相信大家都已经懂了,在这就不多
大概是上个月,使用YUI压缩一个css文件后,发现只要是被压缩后的css文件有部分根本无法工作,一直都
CSS文件和Javascript文件的压缩 像JQuery一样来压缩我们的CSS和JS 我们都知道一般JQuery新版本发布
在网站开发过程中,我们会有很多javascript文件和css文件。这些文件其实就是文本格式的,那么如何压
在本教程中,我们将向您展示如何使用primefaces扩展–Maven插件,压缩JavaScript和CSS文件,优化网
想了老半天不知道说什么“闲话”是好,不如直接切入正题吧,下面的内容就当是最近开发学习的一个总
声明:本文内容大部分翻译自YUI 文档,加上一些个人的理解。 YUI CSS 由四个部分组成: Reset, Base
http://www.ibm.com/developerworks/cn/web/wa-htmlcss/?ca=drs-tp4608 [my word] 这是一篇介绍CSS
http://www.ibm.com/developerworks/cn/web/wa-htmlcss/?ca=drs-tp4608 [my word] 这是一篇介绍CSS
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号