The NoteBook of EricKong

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  611 Posts :: 1 Stories :: 190 Comments :: 0 Trackbacks

现在越来越多的 WordPress Themes使用了jQuery,已及其它使用了Js的插件,这些Js文件通常位于</head>之前。我们知道网页加载的顺序是从上到下,从左到右,如果头部需加载的文件过多过大的话,会严重影响网页打开的时间。毕竟中国的网络环境还不成熟,所以要有一个折衷的方法来尽量缩小文件尤其是Js文件的大小。

微软曾出品了一款叫Microsoft Ajax Minifier的Js压缩工具,适用于所有的Js文件,左手烟@今天特地又拿出来研究一下,我是个完美主义者,对什么都讲求精益求精,所以下面的解说朋友们都应该能够理解与明白,我们只要会用即可,不必深究其技术层面的东西。

优点:压缩率高、安全可靠、代码规范

缺点:需要手动输入命令执行操作

第一步,下载最新版的 Microsoft Ajax Minifier 1.1,点击 I Agree 按钮后下载文件并保存到桌面上,双击进行安装,之后在开始-程序-Microsoft Ajax Minifier文件夹中找到Microsoft Ajax Minifier Command Prompt,单击后弹出熟悉的CMD命令窗口,如图

第二步,将你需要压缩的Js文件复制到C盘以外的D或E等根目录,为什么要这么做?因为有使用Win 7的朋友对C盘的操作权限有限制,会导致文件不被生成,我们就放到D盘跟目录即可。下面先说说它的三种命令压缩方式:(举例:现在D盘有一个demo.js文件需要压缩)

  1. 普通压缩:ajaxmin d:\demo.js 效果不大,不推荐使用,了解即可;
  2. 高级压缩:ajaxmin d:\demo.js -o d:\demo1.js 将demo.js压缩后转换成demo1.js保存在D盘根目录,效果明显,推荐;
  3. 超级压缩:ajaxmin -h d:\demo.js -o d:\demo2.js 将demo.js超级压缩后转换成demo2.js保存在D盘根目录,效果显著,强烈推荐;

敲回车键执行命令,出现crunching file ‘demo.js’…done.字样说明成功,同时,D盘根目录会多出来demo1.js或demo2.js文件。

有朋友会发现后两种方式压缩后的文件大小区别不大,也就2k左右。这里要说明一下这是为什么。当使用了-h(hyper-crunching)的指令,你会发现一些区域指令被改名成比较简单的命名,例如:var exists–>var a,因此字节数会再少一些,但是效果不打折,我们不必管它的原理,好用即可。

第三步,将压缩后的Js文件重命名后覆盖掉之前的,传至服务器。当然备份工作也是要做的,在测试没有问题时即可删掉原先臃肿的文件。

我们用最新的jQuery 1.3.2来做个试验。官方下载地址在这里。官方提供了2个版本,一个迷你版,大小为57253字节;完整版,大小为120763字节。用 -h 参数后迷你版大小为55860字节;完整版大小为55863字节,一大半被压缩掉了,效果非常显著。

引申阅读:玩WordPress的朋友都想尽办法让加载再快点,容量再小点,其它的Js压缩方法网上也很多,比如在线压缩。去这里试试效果吧。你会发现效率远没有Microsoft Ajax Minifier来得好,上面那个完整版在线进行超级压缩后为73285字节,这就是差距啊。微软毕竟是有一定技术含量的,不然也不会遛出来献丑了。:-)

 

posted on 2010-06-05 09:40 Eric_jiang 阅读(893) 评论(1)  编辑  收藏 所属分类: JavaScript

Feedback

# re: 用Microsoft Ajax Minifier技术高效率压缩Js文件[未登录] 2012-04-27 15:04 Kaka
Yes,I Like this style!  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: