`

使用YUI Compressor压缩CSS/JS

阅读更多

这几天正在为压缩代码的事情所困扰,大家也可以看见,我的博客顶端有两个在线的压缩工具,但在实际应用过程中,除了CSS的压缩比较满意外,JS的压缩,很是不爽,如果语法有问题的话(比如缺少”;”),就会出现无法预知的错误。

不过让人欣慰的是,Yahoo!给我们带来了YUI  compressor!,呵呵,废话少说,赶紧体验。

YUI compressor的下载地址是:http://developer.yahoo.com/yui/compressor/

淘宝做了一个可视化的版本,叫做TBCompressor,可以到这里下载:http://lifesinger.org/blog/?p=464
谢谢岁月老大!

如果你没有安装JAVA环境的话,还需要安装一下JDK

下载地址是:http://java.sun.com/javase/downloads/index.jsp  我们选择(Java SE Development Kit (JDK) 6 Update 11)这个下载。

下载,安装,一路Next,没有任何问题,对了,你可以修改一下路径。

安装完毕以后,需要配置一下JAVA_HOME环境变量。

配置方法如下。

1、点击我的电脑—>属相—>高级—>环境变量—>系统变量

2、新建变量,变量名JAVA_HOME 路径:E:\Program Files\Java\jdk1.6.0_11 (我的是在E盘,你的JDK安装到那个盘,就写那个盘)

3、找到path变量,在后面添加路径:;%JAVA_HOME%\jre6\bin

OK,一路确定,关闭窗口。

打开CMD,输入java -version

看看能不能出来版本?

java version “1.6.0_11″
Java(TM) SE Runtime Environment (build 1.6.0_11-b03)
Java HotSpot(TM) Client VM (build 11.0-b16, mixed mode, sharing)

 

 

1、使用ant编译得到yuicompressor-x.y.z.jar的包,进入yuicompressor-x.y.z目录运行ant -f build.xml

2、在build目录下得到yuicompressor-x.y.z.jar的包,使用java -jar yuicompressor-2.4.2.jar AC_RunActiveContent.js -o AC_RunActiveContent-min.js

 

OK,我的没有问题了,呵呵,现在,我们测试一下,看看他的压缩效果。

我们就压缩一个Dreamweaver自带的“AC_RunActiveContent.js”脚本文件。

下图中,左侧的是原始文件,右侧的是压缩后的文件。

YUI压缩对比图

呵呵,接近50%的压缩比,不错了!另外,就目前测试的情况来看,非常完美,不会出现在线压缩工具经常出现的“语法错误”了。

分享到:
评论

相关推荐

    yui compressor 2.4.2 javascript/css压缩程序

    java -jar yuicompressor-2.4.2.jar -o compressed.js input.js ``` 对于CSS文件,命令类似,只是扩展名不同。此外,`YUI Compressor` 还支持通过参数配置压缩级别、是否保留注释等选项。 5. **与其他工具的比较...

    使用yuicompressor压缩及合并js,css静态资源

    例如,如果我们有一个名为`style.css`的CSS文件和一个名为`script.js`的JavaScript文件,我们可以使用以下命令来压缩它们: ```bash java -jar yuicompressor.jar -o style.min.css style.css java -jar yui...

    ant和yuicompressor 压缩css、js方案

    标题 "ant和yuicompressor 压缩css、js方案" 涉及到的是在软件开发中如何使用构建工具Ant以及JavaScript压缩工具YUI Compressor来优化前端资源,特别是CSS和JavaScript文件。这两个工具在Web开发中起着至关重要的...

    YUI Compressor js css压缩工具

    在提供的文件中,`compressor.bat`是一个批处理脚本,用于调用`yuicompressor.jar`执行压缩任务。使用步骤如下: 1. **环境准备**:确保安装了Java运行环境(JRE)。 2. **运行脚本**:双击`compressor.bat`,或者...

    IDEA添加外部插件-yuicompressor压缩js/css-附件资源

    IDEA添加外部插件-yuicompressor压缩js/css-附件资源

    yuicompressor.jar

    IDEA(pycharm,phpstorm)添加外部插件-yuicompressor压缩js/css

    基于yuicompressor压缩js、css、scss、html、jsp

    yuicompressor压缩html、js、css、scss、jsp 方法:Monitoring.init 初始化基本参数: suffix : 压缩的后缀,如min,common.js压缩后为common.min.js,html与jsp不参与 filterDir:过滤目录,正则表达式,如(./...

    yuicompressor-yui compressor

    //压缩CSS java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css 语法: java -jar yuicompressor-x.y.z.jar [options] [input file] 通用参数: -h, --help 显示帮助信息 ...

    压缩CSS/JS等文件的工具

    其中,`yuicompressor-2.4.7.jar`是一个著名的CSS和JS压缩工具——YUI Compressor的Java版本。它由雅虎开发,能有效地压缩JavaScript和CSS,通过消除冗余代码和压缩语法,显著减小文件体积。 压缩JS文件的原理类似...

    YUI Compressor压缩JS和Css工具(包含详细配置)

    1. **命令行工具**:通过安装Java Development Kit (JDK),然后下载YUI Compressor的jar文件,可以在命令行中使用`java -jar yuicompressor.jar`命令进行压缩操作。 2. **集成开发环境插件**:许多IDE如Eclipse、...

    用yuicompressor-2.4.7压缩你的JS和CSS

    用yuicompressor-2.4.7压缩你的JS和CSS 最近做了一个项目,使用了Ext框架,项目做好了,结果客户一试用,打开一个页面要6秒,这个页面是用户经常要用的,要频繁打开的,这样用户就受不了了,怎么办?怎么办?怎么...

    yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件.zip

    yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件 [[Flattr this git repo] ( http://api.flattr.com/button/flattr-badge-large.png)]...

    YUI compressor右键压缩脚本

    这个“YUI compressor右键压缩脚本”提供了一种便捷的方式,使得用户无需通过命令行或图形用户界面(GUI)就能快速对JS(JavaScript)和CSS文件进行压缩,大大简化了工作流程。 首先,我们来深入了解YUI Compressor...

    JSCSS压缩工具 YUI Compressor

    这个工具的主要功能是对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩,以减少文件大小,从而提高网页加载速度,优化用户体验。在Web性能优化的领域中,YUI Compressor扮演了关键角色。 ### YUI ...

    yui compressor js 、css 压缩大全

    在现代网页开发中,为了提高页面加载速度和优化用户体验,JavaScript (js) 和 Cascading Style Sheets (css) 文件的压缩至关重要。YUI Compressor 是 Yahoo! 开发的一款高效、强大的压缩工具,能够有效地减小 js 和 ...

    maven打包使用yui压缩css和js文件

    Maven作为一个强大的Java项目管理工具,提供了与各种构建优化工具集成的能力,其中包括使用YUI Compressor来压缩CSS和JS文件。YUI Compressor是一款由Yahoo开发的开源工具,它能够去除代码中的空白、注释,并进行...

    yuicompressor-2.4.8.jar

    对于Idea用户,可以通过安装第三方插件实现yuicompressor的集成,这样在编译项目时,可以直接对JavaScript和CSS文件进行自动压缩,简化了工作流程,提高了开发效率。 在Idea中配置yuicompressor,通常需要以下步骤...

    yuicompressor-2.4.8.zip js、css注释清理及压缩工具

    `yuicompressor-2.4.8.zip` 是一个前端开发中常用的工具,主要功能是对JavaScript和CSS文件进行注释清理和代码压缩,从而优化网页加载速度,提高用户体验。这个压缩工具出自YUI(Yahoo! User Interface Library)...

Global site tag (gtag.js) - Google Analytics