JS/CSS的壓縮已經不是什么新鮮話題了，自打YSlow推出后，這方面的優化話題是鋪天蓋地啊；不過當時作為后知后覺的我，甚至都沒法完整地寫出一份漂亮的JS/CSS的代碼，何嘗會去注意呢？！

時至今日，我仍然沒法獨立完整地寫出一份專業的代碼，但對能夠壓縮這類代碼也有了應有的興趣和需要，動手實現刻不容緩！

百度了很多這方面的教程，嘗試了很多解決方案，可謂幾經周折方才成功；喜悅之余，分享于此。

本秘籍宗旨只為實現在右鍵集成YUI Compressor和Editplus集成YUI Compressor。

1、關于YUI Compressor

YUI Compressor – The Yahoo! JavaScript and CSS 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)

對于大量使用JavaScript和CSS的AJAX應用來說，如果JavaScript和CSS大小很大，則傳輸到客戶端的時間會很久，網站性能不佳。而壓縮JavaScript和CSS是自然的事情(其中YUI Compressor的壓縮率大約為20%)；

要想通過YUI Compressor來實現JS/CSS壓縮，還離不開JAVA環境。

JDK環境變量配置的步驟如下：

1.我的電腦–>屬性–>高級–>環境變量.

2.配置用戶變量:

a.新建 JAVA_HOME

C:\Program Files\Java\jdk1.7.0_11(JDK的安裝路徑)

b.在PATH變量后添加

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

3.測試環境變量配置是否成功：

開始–〉運行–〉CMD

鍵盤敲入： JAVA

出現相應的命令，而不是出錯信息，即表示配置成功！

至此，條件都準備好了。

3、右鍵集成YUI Compressor

右鍵集成的方法，我百度出一大把，其中有介紹利用Filemenu Tools工具的，操作相對簡單，只要安裝好這個軟件，并進行相關設置即可；不過在測試時，發現壓縮后的文件名不夠理想。

最后發現“瓊臺博客”分享的“給YUI Compressor添加右鍵命令”最實用也最方便；

若有需要，可以移步至瓊臺博客查看詳細教程；教程主要部分轉載如下：

三、下載?compressor.cmd?放到D:\yuicompressor文件夾里

四、新建一個 compressor.reg 文件輸入以下內容

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\AllFilesystemObjects\shell]

[HKEY_CLASSES_ROOT\AllFilesystemObjects\shell\YUI Compressor]

[HKEY_CLASSES_ROOT\AllFilesystemObjects\shell\YUI Compressor\command]

@="D:\\yuicompressor\\compressor.cmd \"%1\""

五、使用記事本打開compressor.cmd

其中有一處”%JAVA_HOME%\bin\java.exe” -jar “%~dp0\build\yuicompressor-2.4.7.jar” –charset UTF-8 “%~nx1” -o “%RESULT_FILE%”

這里的build\yuicompressor-2.4.7.jar 意思是相對于自己當前路徑的build路徑下的yuicompressor-2.4.7.jar 文件，一般你下載壓縮后這個文件通常放在build目錄里，無需修改，需要注意的是后面的版本號對應真實文件就好。

如你下載的是2.4.2版本，那么你解壓后build目錄里的文件應該是yuicompressor-2.4.2.jar。

最后一處，就是 –charset UTF-8 了，這里我默認使用了UTF-8，如果使用GBK的請改成–charset GB18030就好

六、雙擊?compressor.reg 導入信息到注冊表，安裝完畢。找一個JS或CSS文件右鍵就會看到菜單了，只需要執行以下，即可生成壓縮版。

右鍵js文件，彈出的菜單里，有一個 YUI Compressor 選項，單擊它對選中的文件壓縮

正常的壓縮命令提示

壓縮后生成的文件，以及大小對比。小文件壓縮，大小都差別不大，如果是幾百K的文件，效果就非常好。更重要的是混淆

壓縮前

壓縮后

.

輕輕松松一鍵搞定！

說明:

右鍵后，其實執行的就是compressor.cmd這個文件，如果執行出錯或者沒有生成文件，應該是配置的不對。

如果彈出找不到設備等信息，那么是?compressor.reg 文件里指定的?compressor.cmd 路徑不對。

如果對生成文件名的規則需要修改，可以打開?compressor.cmd 找到生成文件名規則塊下修改。

4、Editplus集成YUI Compressor

針對Editplus集成YUI Compressor來實現壓縮功能的具體實現方法如下圖：

其中具體參數如下：

command:java

argument:-jar $(AppDir)\filters\yuicompressor-2.4.2.jar –type $(FileExt) –charset utf-8 $(FileName)? -o $(FileNameNoExt)-min.$(FileExt)

initial dirctory:$(FileDir)

這里同樣需要注意一下argument(參數)里的$(AppDir)\filters\yuicompressor-2.4.2.jar是相對于你yuicompressor-2.4.2.jar所處的文件路徑，比如你yuicompressor-2.4.2.jar文件位于d:\soft目錄下，則這里的完整文件路徑應為d:\soft\yuicompressor-2.4.2.jar。

照此設置后，你就可以享受利用YUI Compressor壓縮JS/CSS的便利了。

資料參考：

http://www.qttc.net/201210233.html

http://www.cnblogs.com/mamboer/archive/2011/07/27/editplus-yuicompressor.html

總結

以上是生活随笔為你收集整理的css compressor java_利用YUI Compressor压缩JS/CSS之终极秘籍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。