TBCompressor
公司原先的JS和CSS文件都是用在線壓縮程序壓縮的,看似方便,但很容易出錯,可能是壓縮程序把CSS裡面的一些Hack語句給混淆了,於是我決定用大名鼎鼎的YUI compressor。
但YUI compressor也有一個缺點,那就是操作不人性化,要用輸入命令行的方式進行操作,在實際應用中也有點不方便。今天發現了淘寶人開發的一個軟件——TBCompressor,這個軟件是在YUI compressor的基礎上改進的,使用十分簡單,詳情請看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;
- 在原文件同一目錄下會生成一個已經被壓縮後的文件,文件名就是原文件名後面加個“-min”。比如原文件名為“test.js”,那麼壓縮後的文件就是“test-min.js”。建議把文件名取成name.source.js類型的,它會自動壓縮生成name.js文件。
注意:TBCompressor默認壓縮文件的編碼類型為GB18030,如果要壓縮其它編碼類型的文件就修改下安裝目錄下的compressor.cmd文件,把裡面的GB18030替換為你要的編碼類型就可以了。比如我用的是UTF8,就把GB18030改成utf-8就行了。TBCompressor的壓縮率並不是太高,但是卻十分安全,對於CSS文件的Hack也能很好的保留。如果你是個對代碼有潔癖的人,也可以利用己壓縮的文件再優化。
下面再介紹一些在線優化JS和CSS的網站,不過這些經過壓縮的代碼在運行時可能會出錯,所以在使用時要謹慎:
- 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