Heluyao's Blog » 优化

It’s Beautiful

heluyao — Mon, 29 Mar 2010 06:58:15 +0000

点击图片查看大图

YUI Compressor online在线压缩js

heluyao — Fri, 28 Aug 2009 09:57:52 +0000

分享一个利用YUI Compressor在线压缩js的网页。

链接地址：YUI Compressor online

之前推荐过的TBCompressor其实就是这款压缩工具，只是TBueder将其封装了一下。该工具本地安装需要java的支持，有点麻烦，今天发现一个在线的，挺方便了！只是目前还不能压缩css，挺遗憾的~~！

推荐一款js css压缩工具TBCompressor

heluyao — Mon, 16 Feb 2009 13:18:32 +0000

　　淘宝是怎么压缩js和css的？他们使用的是YUI Compressor:

The YUI Compressor is a JavaScript compressor which, in addition to removing comments and white-spaces, obfuscates local variables using the smallest possible variable name. This obfuscation is safe, even when using constructs such as ‘eval’ or ‘with’ (although the compression is not optimal is those cases) Compared to jsmin, the average savings is around 20%.

The YUI Compressor is also able to safely compress CSS files. The decision on which compressor is being used is made on the file extension (js or css)

　　淘宝前端的开发环境以Windows居多。为了方便使用，对YUICompressor做了层简单的封装，称之为TBCompressor.

　　今天偶自己试用了一下，的确是非同小可。不仅操作方法简单，而且效率也非常的高！唯一有点麻烦的就是需要安装JDK，并配置JAVA_HONE环境变量。偶本人虽然不懂JAVA，但是以前在学习一本关于AJAX的书时配置过JAVA，因此这次轻车熟路般的顺利完成。

　　测试了几次，大概效率是，1/2！非常不错了吧！

介绍：http://lifesinger.org/blog/?p=464

下载：tbcompressor-2.4.2.zip (808.3 KB)

　　之前一直都使用ECMAScript Cruncher，也是一款非常不错的文件最小化和变量名替换的工具。作者：Thomas Loo。操作起来略显复杂(与TBCompressor)，需要在Windows下运行Esc，并输入一段代码。可以按等级优化代码，一共分四级。这里就不意义介绍了。有兴趣可以去http://www.saltstorm.net/depo/esc/查看相关资料并下载试用！

页面中 CSS 加载方式的优化

heluyao — Thu, 08 May 2008 16:45:28 +0000

1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。

导致的问题就是，页面会有一段时间“朴素”，突然之间又“华丽”，用户体验很不好。

2、尽量使用的样式导入方式，而减少 @import 的使用，更勿使用多层嵌套的 @import 。因为在 IE 里， @import 相当于将放在页面尾部。