使用YUI Compressor压缩JS和Css,批处理,右键,注册表,打包
来源:互联网 发布:小米网络音响蓝牙连接 编辑:程序博客网 时间:2024/05/19 09:14
对于大量使用JavaScript和CSS的AJAX应用来说,如果JavaScript和CSS大小很大,则传输到客户端的时间会很久,网站性能不佳。而压缩JavaScript和CSS是自然的事情(其中YUI Compressor的压缩率大约为50%)
YUI Compressor - The Yahoo! JavaScript and CSS Compressor
YUI Compressor 压缩 JavaScript 的内容包括:
- 移除注释
- 移除额外的空格
- 细微优化
- 标识符替换(Identifier Replacement)
Download 下载地址 : http://yuilibrary.com/downloads/#yuicompressor
The YUI Compressor requires Java version >= 1.4. (机器需要Java 1.4以上的环境)所以需先下载JDK,配置环境。
---------------------------------------------华丽分割线---------------------------------------
一、Java环境配置
---------------------------------------------华丽分割线---------------------------------------
二、使用YUI Compressor压缩JS和Css
常用示例(在cmd中执行)
java -jar D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type js --charset UTF-8 D:\my.js -o D:\my-min.js
java -jar D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type css --charset UTF-8 D:\my.css -o D:\my-min.css
–type指定要打包的文件类型,可选的有 js和css
–charset 指定字符集
-o 指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上
最后的my.js和my.css是要打包的debug版源文件
如果没有给定charset参数,则字符集默认是系统的,此处指定了UTF-8,更加你的实际需要修改。具体语法和其他参数参考:http://www.julienlecomte.net/yuicompressor/
使用YUI Compressor和DOS批处理脚本压缩JavaScript和CSS,加上IIS的GZIP,加起来能得到85%左右的压缩率。(其中YUI Compressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。
---------------------------------------------华丽分割线---------------------------------------
三、制作批处理工具
三个文件:
批处理文件:yuicompressor.bat
注册表文件:yuicompressor.reg
压缩jar包:yuicompressor-2.4.6.jar
文件目录:D:\server\f2etools\yuicompressor
yuicompressor.bat批处理使用方法:
对整个文件夹右键点击【YUI-Compressor JS/CSS】批量压缩操作生成-min.css或-min.js,源文件不变,项目平时开发时引用源文件,上线前引用压缩文件测试正常后再上线。
yuicompressor.bat批处理文件代码:
for /f %%a in ('dir /b *-min.js') do call:ProcessDel: %%a
for /f %%a in ('dir /b *-min.css') do call:ProcessDel: %%a
for /f %%a in ('dir /b *.js') do call:ProcessCompress: %%a
for /f %%a in ('dir /b *.css') do call:ProcessCompress: %%a
:ProcessDel
IF NOT [%1]==[] call:DeleteMinFiles: %1
GOTO:EOF
:ProcessCompress
IF NOT [%1]==[] call:CompressFiles: %1
GOTO:EOF
:DeleteMinFiles
IF EXIST "%CD%\%1" del "%CD%\%1"
GOTO:EOF
:CompressFiles
java -jar D:\server\f2etools\yuicompressor\yuicompressor-2.4.6.jar %1 -o %~n1-min%~x1
GOTO:EOF
yuicompressor.reg注册表功能:选中文件夹后,右键,会多一个选项【YUI-Compressor JS/CSS】
yuicompressor.reg注册表文件代码:
[HKEY_CLASSES_ROOT\Directory\shell\Compress JS/CSS Files]
@="YUI-Compressor JS/CSS"
[HKEY_CLASSES_ROOT\Directory\shell\Compress JS/CSS Files\command]
@="D:\\server\\f2etools\\yuicompressor\\yuicompressor.bat %1"
下载地址:http://heiniu.me/tools/yuicompressor.rar
注意事项:请修改两个文件中的目录路径
批处理文件:yuicompressor.bat和注册表文件:yuicompressor.reg
---------------------------------------------华丽分割线---------------------------------------
四、打包压缩pack-all-min.js
文件如下:
批处理文件:pack-js.bat
需要打包的目录文件:pack-list.txt
pack-js.bat 代码:
java -jar D:\server\f2etools\yuicompressor\yuicompressor-2.4.6.jar --type js --charset utf-8 pack-all.js -o pack-all-min.js
pack-list.txt
jquery.ui.dialog.js
jquery.ui.draggable.js
jquery.ui.mouse.js
使用方法:
在当前js文件夹里放入这两个文件,平时开发用多个源文件,运行pack-js.bat后查看页面效果,上线前打包成一个压缩文件,测试无误后再上线。
- 使用YUI Compressor压缩JS和Css,批处理,右键,注册表,打包
- 使用YUI Compressor压缩JS和Css,批处理,右键,注册表,打包
- 使用YUI Compressor 压缩js和css
- 自制批处理使用Yui Compressor压缩并打包js或css文件
- 使用YUI Compressor压缩JS和CSS文件
- 使用YUI Compressor压缩CSS/JS
- 使用YUI Compressor压缩CSS/JS
- 使用YUI Compressor压缩CSS/JS
- 使用YUI Compressor压缩CSS/JS
- 把Google的JS压缩神器和YUI.Compressor的CSS压缩神器鼠标右键化
- YUI compressor js,css压缩
- 用 YUI Compressor 压缩和混淆 JS 和 CSS
- 用 YUI Compressor 压缩和混淆 JS 和 CSS
- 用 YUI Compressor 压缩和混淆 JS 和 CSS
- 用 YUI Compressor 压缩和混淆 JS 和 CSS
- Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css
- 使用 YUI Compressor 压缩文件夹下的所有js和css文件
- YUI-compressor 在Linux下安装和使用(压缩js&css)
- hdu 2099
- Qt 4.7.3(MingW Opensource)windows编译mysql驱动
- [SQL-码农]代替while截取字符汇总
- linux下查找前一天被修改的文件
- Android中将布局文件/View添加至窗口过程分析 ---- 从setContentView()谈起
- 使用YUI Compressor压缩JS和Css,批处理,右键,注册表,打包
- sql积累
- 11条jquery常用技巧和方法整理列表
- 一些sql语句练习
- 分支:数据链路层
- Eclipse大括号换行显示
- 周迅 明星烟熏妆更妖艳?
- Flex 第四章(捕获实时视频、向实时视频中添加DVR特征)
- CRF++:error while loading shared libraries的解決方法