Posts Tagged ‘ compressor

介绍一个CSS压缩网站

cleancsscleancss是一个免费提供CSS代码格式化和优化服务的网站,它的压缩能力很强。

在“CSS Input”栏中输入所要压缩的CSS代码,点击“Process CSS”按钮就能在页面的最下方找到压缩过后的CSS代码了。

“Code Layout”栏中是它的选项,第一个选项是代码压缩级,有五个选项:

  • Highest (no readability, smallest size):最高级压缩,可读性非常差,但是体积最小;
  • High (moderate readability, smaller size):高级压缩,可读性差,体积小;
  • Standard (balance between readability and size):标准压缩,可读性不错;
  • Low (higher readability):低级压缩,可读性强;
  • Custom (enter below) :用户自定义。

以上五个选项中Highest(最高级压缩)的体积最小,甚至比自己手动写的代码体积还要小,不过在使用前最好还是检查一下。它的下面还有很多选项,就不一一列举了,不过个人认为只要按照它默认的设置压缩就可以了,压缩的有关信息可以在“Messages”栏中获得。

TBCompressor介绍

公司原先的JS和CSS文件都是用在线压缩程序压缩的,看似方便,但很容易出错,可能是压缩程序把CSS里面的一些Hack语句给混淆了,于是我决定用大名鼎鼎的YUI compressor

YUI compressor也有一个缺点,那就是操作不人性化,要用输入命令行的方式进行操作,在实际应用中也有点不方便。今天发现了淘宝人开发的一个软件——TBCompressor,这个软件是在YUI compressor的基础上改进的,使用十分简单,详情请看lifesinger《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法,下载请到http://code.google.com/p/lifesinger/downloads/list下载。

  1. 点击install.cmd安装,如果卸载点击uninstall.cmd就可以了;
  2. 在要压缩的JS文件或者CSS文件上点击右键,在弹出的菜单中选择Comprese CSS or JS
  3. 在原文件同一目录下会生成一个已经被压缩后的文件,文件名就是原文件名后面加个“-min”。比如原文件名为“test.js”,那么压缩后的文件就是“test-min.js

虽然TBCompressor的压缩率并不是太高,但是却十分安全,对于CSS文件的Hack也能很好的保留。如果你是个对代码有洁癖的人,也可以利用己压缩的文件再优化。

下面再介绍一些在线优化JS和CSS的网站,不过这些经过压缩的代码在运行时可能会出错,所以在使用时要谨慎: