<1>Js压缩工具
怎么压缩Js?为什么要压缩Javascript? Javascript compressed/crunched
在程序开发中特别是开发Ajax,除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为JavaScript减肥?当
你提高了用户体验,做出了很绚丽的效果而欣喜的时候,是否想过优化一下JS的效率,比如微软的live,其中的js做了压缩处理。JS的速度分为两种,下
载速度和执行速度。今天就先来说说下载速度。要想js的下载速度快,就需要尽量减小js文件的大小。这里我们可以使用一个工具ESC
(ECMAScript cruncher)来帮我们完成这个工作,不过这个工具只能在Windows下使用。
到http://www.saltstorm.net/depo/esc/introduction.wbm?pod=js下载ESC.zip,解压后看看它的帮助文档。很简单。
<2>CSS压缩工具
书写 CSS 的时候只要注意一些常用缩写语法和掌握了十八般技巧,如 0 是不需要定义单位的,盒的上右下左原则,如左右相同可以定义为 10px 0 20px 这样,normal 值可以用 400 表示,bold 用 700 表示,那么写出来的 CSS 一般就不错了。如果需要消除 CSS 中一些多余空白,使用手工方式未免太繁琐,这就需要一些压缩优化工具来帮忙,这类网站很多,大多都是基于 CSSTidy 这个免费优化程序 (如 Clean CSS),它的客户端版本还支持 Windows, Linux, OSX。除了 CSSTidy 之外我还比较喜欢 CSS Compressor 这个工具。
主要介绍一下 CSS Compressor,它是 CSS Drive 提供的 CSS 压缩工具,不但操作简单,压缩效果也很好。在默认的普通模式中有三种压缩选项,Light 代表只清除缩进空白,Normal 可以让每个属性写成一行 (推荐),而 Super Compact 模式不推荐,它会清楚掉所有多余空白,把整个 CSS 写成一行,不利于以后的阅读和修改。对注释也提供三种清除选项,第一是不清除,第二是清除所有,第三个是清除大于多少字符的注释。在书写 CSS 中建议全部使用小写,CSS Compressor 的缺点就是没法像 CSSTidy 一样把大写转换为小写。
沿用 Clean CSS 风格、CSSTidy 1.2 引擎,自己搭建了一个 CSSTidy - CSS 整形与优化工具,把它放在 Blog 側边,有需要时可以随时点击进去,不用再去 Clean CSS 了。
官方网站