`
zhangjunbao
  • 浏览: 94960 次
  • 性别: Icon_minigender_1
  • 来自: 核桃博客
社区版块
存档分类
最新评论

javascript 压缩工具-YUI-compressor

阅读更多
作者: 核桃博客  |

本文网址:http://www.hetaoblog.com/javascript-compressor- yui-compressor/

本博客所有文章全部原创,欢迎转载,

但必须以超链接形式标明文章原始出处和作者信息及版权声明

关于javascript压缩工具,在之前的网站性能优化工具-javascript压缩工具JSMin中介绍过一个javascript压缩工具JSMin,

今天,再介绍一个非常流行的javascript压缩工具YUI compressor,可以提供更好的压缩效率;该工具由著名的Yahoo Exceptional Performance项目组出品;

JSMin非常流行,简单,不过根据YUI compressor的说明,JSMin的压缩算法较为简单,可能会流下很多换行; Yahoo的工程师那YUI库做测试,发现YUI compressor的压缩效果比JSMin好20%;当然,YUI compressor的一个缺点是基于java,首先你需要有一个JRE才可以运行,JSMin在windows下直接提供exe下载,同时也提供 c/java/c#/perl/php/甚至javascript版本J方便各个环境下的各类程序员使用;
到这个地址下载YUI compressor

http://yuilibrary.com/downloads/#yuicompressor

当前最新的版本是2.4.2

下载后,解压,到build目录下,在安装好JRE环境后,在命令行下输入:

java -jar yuicompressor-2.4.2.jar input.js -o output.js

input.js就是你需要压缩的js源文件,output.js就是需要的输出文件,

这时,就会输出output.js;

我以在之前网站性能优化工具-javascript压缩工具JSMin中使用的JSMin的官方网站的样本程序作为input.js

var is = {

ie:      navigator.appName == ‘Microsoft Internet Explorer’,

java:    navigator.javaEnabled(),

ns:      navigator.appName == ‘Netscape’,

ua:      navigator.userAgent.toLowerCase(),

version: parseFloat(navigator.appVersion.substr(21)) ||

parseFloat(navigator.appVersion),

win:     navigator.platform == ‘Win32′

}

is.mac = is.ua.indexOf(‘mac’) >= 0;

if (is.ua.indexOf(‘opera’) >= 0) {

is.ie = is.ns = false;

is.opera = true;

}

if (is.ua.indexOf(‘gecko’) >= 0) {

is.ie = is.ns = false;

is.gecko = true;

}

使用YUI compressor压缩后,输出的output.js是

var is={ie:navigator.appName==”Microsoft Internet Explorer”,java:navigator.javaEnabled(),ns:navigator.appName==”Netscape”,ua:navigator.userAgent.toLowerCase(),version:parseFloat(navigator.appVersion.substr(21))||parseFloat(navigator.appVersion),win:navigator.platform==”Win32″};is.mac=is.ua.indexOf(“mac”)>=0;if(is.ua.indexOf(“opera”)>=0){is.ie=is.ns=false;is.opera=true}if(is.ua.indexOf(“gecko”)>=0){is.ie=is.ns=false;is.gecko=true};

对比JSMin的输出,用UltraEdit打开可以看到,YUI Compressor压缩后只有1行,JSMin压缩后仍然有4行, 看来YUI Compressor说的压缩率更高是可信的;
分享到:
评论

相关推荐

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar 为工具包jar editor.js为要压缩的js -o editor2.js为压缩完成后的文件名 压缩率: 对resources下js文件夹里163个js文件进行压缩 压缩前4.13MB 压缩后2.89MB 混淆率: 较高 一...

    js 压缩工具 AjaxMin4Setup (附使用方法)

    关于javascript(js)和css压缩工具的使用,在之前的网 站性能优化工具-javascript压缩工具JSMin, javascript 压缩工具-YUI-compressor, javascript 压缩工具Dojo compressor ,javascript 压缩工具使用说明-...

    grunt-yui-compressor-源码.rar

    压缩JavaScript和CSS文件可以显著减少页面加载时间,"grunt-yui-compressor"就是一个这样的工具,它基于Grunt自动化构建工具,结合Yahoo的YUI Compressor进行代码压缩,帮助开发者高效地处理项目中的前端资源。...

    yuicompressor-2.4.8.jar

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yuicompressor-...

    yuicompressor-maven-plugin

    `yuicompressor-maven-plugin`是一款强大的Maven插件,主要用于优化前端资源,特别是JavaScript和CSS文件。这个插件是基于YUI Compressor,一个由Yahoo开发的开源工具,它能有效地压缩和混淆代码,从而减少文件大小...

    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

    - **Closure Compiler**:谷歌的JavaScript压缩工具,提供了高级优化,但可能对代码结构有更严格的要求。 - **CSSNano**:专门针对CSS的压缩工具,提供更多的CSS优化选项。 ### 性能优化策略 除了使用YUI ...

    eclipse yuicompressor-maven-plugin

    在IT行业中,优化Web应用...总的来说,"eclipse yuicompressor-maven-plugin"是一个强大的工具,可以帮助开发者优化项目资源,提高Web应用的性能。通过熟练掌握并合理使用此插件,可以在项目开发过程中带来极大的便利。

    JSCSS压缩工具 YUI Compressor

    对于Java版,确保你的系统已经安装了Java环境,然后下载yuicompressor-2.4.7.jar。在命令行中,你可以使用以下命令对JS或CSS文件进行压缩: ```bash java -jar yuicompressor-2.4.7.jar --type js input.js -o ...

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

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

    webstorm_phpstorm_yuicompressor-2.4.8.jar

    1. **下载与安装**:首先,你需要下载"phpstorm-yuicompressor-2.4.8"压缩包,解压后找到"yuicompressor-2.4.8.jar"文件。这是集成的关键组件。 2. **配置File Watcher**:在IDE中,选择`File` > `Settings`...

    基于Java的源码-JSCSS压缩工具 YUI Compressor.zip

    2. 解压缩yuicompressor-2.4.7,找到可执行的jar文件。 3. 在命令行中运行jar文件,指定输入文件和输出文件,以及任何需要的选项。例如: ``` java -jar yuicompressor-2.4.7.jar input.css -o output.css --type ...

    yui compressor 2.4.2 javascript/css压缩程序

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

    grunt-yui-compressor:使用 YUI Compressor 压缩 JavaScript 和 CSS 文件的 Grunt 插件

    一个使用 YUI Compressor 压缩 JavaScript 和 CSS 文件的插件。 入门 安装模块: npm install grunt-yui-compressor 然后将此行添加到您项目的grunt.js gruntfile 中: grunt . loadNpmTasks ( 'grunt-yui-...

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

    YUI Compressor是由Yahoo开发的一款高效且强大的JavaScript和CSS压缩工具。它能够通过删除空格、注释和不必要的字符,以及进行代码混淆来减小文件大小,从而提高页面加载速度,降低带宽消耗。此外,YUI Compressor还...

    yuicompressor js压缩工具

    这里`yuicompressor-x.x.x.jar`是YUI Compressor的jar文件,`input.js`是要压缩的源文件,`output.js`是压缩后的目标文件,`--type js`指定压缩类型为JavaScript。 3. 集成到构建流程:YUI Compressor可以与构建...

    JS与css 压缩工具 yuicompressor.zip

    3. **运行命令行**:打开终端或命令提示符,使用`java -jar yuicompressor-x.x.x.jar input.js -o output.js`命令进行压缩,其中`yuicompressor-x.x.x.jar`是下载的jar文件,`input.js`是要压缩的JS文件,`output.js...

    YUI Compressor js css压缩工具

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

Global site tag (gtag.js) - Google Analytics