但YUI compressor也有一個缺點,那就是操作不人性化,要用輸入命令行的方式進(jìn)行操作,在實際應(yīng)用中也有點不方便。今天發(fā)現(xiàn)了淘寶人開發(fā)的一個軟件——TBCompressor,這個軟件是在YUI compressor的基礎(chǔ)上改進(jìn)的,使用十分簡單,詳情請看lifesinger的《TBCompressor – JS和CSS壓縮工具》一文。下面是TBCompressor的使用方法,下載請到http://code.google.com/p/ourtools/downloads/list下載,選擇里面的yuicompressor_2.4.2.zip文件。
- 解壓后點擊里面的install.cmd安裝,如果卸載點擊uninstall.cmd就可以了;
- 在要壓縮的JS文件或者CSS文件上點擊右鍵,在彈出的菜單中選擇Process with YUICompressor;
- 在原文件同一目錄下會生成一個已經(jīng)被壓縮后的文件,文件名就是原文件名后面加個“-min”。比如原文件名為“test.js”,那么壓縮后的文件就是“test-min.js”。建議把文件名取成name.source.js類型的,它會自動壓縮生成name.js文件。
注意:TBCompressor默認(rèn)壓縮文件的編碼類型為GB18030,如果要壓縮其它編碼類型的文件就修改下安裝目錄下的compressor.cmd文件,把里面的GB18030替換為你要的編碼類型就可以了。比如我用的是UTF8,就把GB18030改成utf-8就行了。TBCompressor的壓縮率并不是太高,但是卻十分安全,對于CSS文件的Hack也能很好的保留。如果你是個對代碼有潔癖的人,也可以利用己壓縮的文件再優(yōu)化。
下面再介紹一些在線優(yōu)化JS和CSS的網(wǎng)站,不過這些經(jīng)過壓縮的代碼在運行時可能會出錯,所以在使用時要謹(jǐn)慎:
- http://javascriptcompressor.com/
- http://www.xmlforasp.net/JSCompressor.aspx
- http://compressorrater.thruhere.net/
- http://jsbeautifier.org/
- http://www.codebeautifier.com/
- http://www.lonniebest.com/FormatCSS/
- http://www.cssdrive.com/index.php/main/csscompressor/
- http://tools.arantius.com/css-compressor