YUICompressor是很好的javascript压缩工具，它会删除所有的注释和空白符，但有时候我们需要保留一些注释 ，比如版权之类的信息。这个时候我们可以利用YUICompressor不删除ie条件注释的特征来实现：
/*cc_on/******************************* * * your information here ........ * * ***************************************@*/
Update: 原来可以这样：
/*! * information */
泪奔….
原文:http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/ 作者: Steve Souders 译言地址: http://www.yeeyan.com/articles/view/dexbol/40162
越来越多的网站演化成了web2.0应用程序，javascript文件也随之增加，但javascript对网站的性能有负面影响。 在主流浏览器(ie6,7)里javascript会从两个方面阻碍页面呈现：
这个demo说明了这两种情况。demo页面里包含两个外部javascript文件 接下来是图片、css、和iframe，下面的http 瀑布图表是在ie7下首次访问demo页的情况。从图上可以看到：第一个script标签阻碍了它下面所有资源的下载，接着第二个script标签又 阻碍了所有下载，最后img css 和iframe 并行下载。 同时注意页面渲染，你会发现script标签上面的段落文本瞬间就呈现了，然而其他的html元素在两个script加载完之后才一并显示 出来。
在ie6/7 firefox2/3 Safari3 Chrome1 和 opera下 script标签会阻碍下载
浏览器是单线程的，因此在script执行的时候不下载其他资源是可以理解的，但没有理由让浏览器在script下载的时候阻碍其他资源的下载,还好最新的浏览器(ie8,safari 4,chrome 2)已经 意识到这点了。下面的图标是在ie8下首次访问刚才的demo页时的http瀑布图， 从图中可以看到script的确是并行下载，而且css文件也与script一起并行下载。但是图片和iframe依然被阻碍下载。
虽然在ie8，safari4，chrome2下script可以并发，但依然阻碍了其他资源的下载
幸运的是,有一些方法可以使script标签不会堵塞任何其他资源的下载，即使在老一些的浏览器里。不幸的是开发人员要做更多的工作。
这里有6种方法可以使script与其他资源并行下载：
document.write方法在页面中写入<script src="">,这个只在ie里有效你可以通过Cuzillion查看各个方法的使用例子。下面的表格是对各个方法的总结，通过表格我们可以看到各个方法之间有一些很重要的差异。 虽然Script Defer和document.write Script标签比较混乱(mixed),但大部分方法都实现了并行下载。一些方法不能跨浏览器工作,还有一些方法需要更改你现存的代码才能正常工作。还有一个不被大家广泛讨论的区别 就是是否会引发浏览器的示忙器[busy indicator](状态栏，任务栏，标签图标，鼠标指针).如果你下载的多个script相互依赖，那么还需要这个方法可以保持多个脚本的下载执行顺序。
| Technique 方法 | Parallel Downloads 是否并行下载 | Domains can Differ 可否跨域 | Existing Scripts 是否需要更改现有脚本 | Busy Indicators是否出现示忙器 | Ensures Order 是否确保顺序 | Size (bytes) |
|---|---|---|---|---|---|---|
| XHR Eval | IE, FF, Saf, Chr, Op | no | no | Saf, Chr | - | ~500 |
| XHR Injection | IE, FF, Saf, Chr, Op | no | yes | Saf, Chr | - | ~500 |
| Script in Iframe | IE, FF, Saf, Chr, Op | no | no | IE, FF, Saf, Chr | - | ~50 |
| Script DOM Element | IE, FF, Saf, Chr, Op | yes | yes | FF, Saf, Chr | FF, Op | ~200 |
| Script Defer | IE, Saf4, Chr2, FF3.1 | yes | yes | IE, FF, Saf, Chr, Op | IE, FF, Saf, Chr, Op | ~50 |
| document.write Script Tag | IE, Saf4, Chr2, Op | yes | yes | IE, FF, Saf, Chr, Op | IE, FF, Saf, Chr, Op | ~100 |
现在的问题是哪种方法才是最好的？其实这个需要具体情况具体分析。下面的树形结构图是可以引导你找到最合适的方法，他并没有看起来的复杂。只有三个关键变量来决定结果：是否需要跨域，是否需要确保执行顺序，是否需要触发示忙器。
这下好了，如果把这个选择逻辑包装在流行的HTML 模板语言(PHP,Python,Perl等等)里，你只需要调用一个函数就能确保使用了最佳方法。
在多数情况下，Script DOM Element是最好的选择。它可以在所有浏览器下工作，不存在跨域问题，而且容易实现，但有一点要记住：他不能在所有浏览器下都确保执行顺序。如果你有多个相互依赖的script，那么你需要合并它们，或者使用其方法。 如果你有一些内联脚本需要在外部脚本执行后才能执行，那就需要同步(synchronize)他们了。我把它称作”coupling”，Coupling Asynchronous Scripts 这篇文章介绍了一些目前可以实现“coupling”的方法。
受TBCompressor的启发写了这个Rooms6Crush用于对png和jpg图片进行压缩。
这样windows下不需要命令行就能很方便的压缩图片了。
Rooms6Crush是在常见的几个图片压缩工具上做了简单的批处理封装。针对png文件会先使用pngout进行压缩然后使用pngcrush进行二次压缩（大多数情况下二次压缩并没有效果），针对jpeg文件会使用jpegtran进行压缩。
下载后解压，双击install.cmd安装，安装后右击jpg或png图片菜单里会出现6roomsCrush，单击后压缩。双击uninstall.cmd卸载。
下载地址: http://www.box.net/shared/g0nmjdj2j2
最近看了Images Optimization 系列文章,作者是Stoyan Stefanov，就职于Yahoo Exceptional Performance小组，Yslow的主要开发人员。这里记录一下阅读后的心得。
alexa前十名的网站，图片占所有组件的比重是46.6%,所以对图片做优化是相当必要的。
“Give PiNG a chance !”.这个是老生长谈了。不过这里的png是指索引png(8位png图片，以后统称png8),而不是真彩png（24或32位png，以后统称png32）。因为png32并没有什么优势，保存成jpg通常比png32要小。对图片格式的使用总结如下：
读这篇文章时我最大的收获是知道了：png8也支持半透明（variable/alpha transparency）。这让我兴奋的半天。而且不同于png32的是，不支持png半透明的浏览器(如ie6)会自动降级到全透明(像gif那样)，而不是像png32那样会有一个难看的背景。(demo)
压缩图片
压缩PNG，主要工具pngcrush
>pngcrush -rem alla -brute -reduce src.png dest.png
-rem alla : 除了关于透明的信息外，其他全都干掉。
-brute : 很暴力的使用各种方法压缩，以使图片被压缩到最小。
-reduce : 尽可能的删掉调色板中多余的颜色。
一次处理多个文件可以张样：
>pngcrush -rem alla -reduce -brute -d folder src1.png scr2.png
对于alexa前十的网站，用这招平均可以干掉16.05%的大小。
其他压缩工具还有：pngout , optipng 等 。强烈推荐一下pngout，它总能给我带来惊喜，比如一个用pngcrush压缩过的图片(32k),用pngout压缩后还可以再干掉5k！关于这些工具的性能介绍可以阅读 Stoyan Stefanov的另一篇文章PNG optimization tools
去掉jpeg的metadata信息(包括EXIF，application datameta以及评论)，主要工具jpegtran
>jpegtran -copy none -optimize src,jpg dest.jpg
上面的命令复制并优化src.jpe,复制过程中去掉了所有metadata信息。同样用这招前十大网站可以干掉11.85%
使用png8替换非动画gif，工具:imageMagic
>convert image.gif PNG:8:image.png
然后再对png进行压缩，用这招前十大网站可以干掉20.42%
优化动画gif，使用工具GIFsicle
> gifsicle -O2 src.gif > dest.gif
上面命令的作用是删掉相同的帧，详见这里。
觉得上面的太麻烦？使用smush.it吧。这同样是Stoyan Stefanov的杰作。
jpeg 渐进式还是普通式？渐进式的优点是对用户尤其是窄带用户更友好,不过关键还是看哪种更小。Stoyan做了一个测试，最后的结论是：小于10k的普通式比较小，大于10k的渐进式比较小。测试的具体数据和过程在这里
避免使用ie的AlphaImageLoader滤镜，因为AlphaImageLoader滤镜是梯形渲染所以会使整个页面渲染速度变慢，而且比较费资源。具体数据点击这里。代替方案是使用VML，DD_belatedPNG就是一个利用vml解决ie不支持半透明png的js对象。用它不仅可以让ie6支持半透明png，还可以支持background-repeat 和:hover .代价是要多下载一个5.5k的js文件。个人感觉并没有太大必要。
以上链到YUI的链接都需要穿墙。