用Microsoft Ajax Minifier技術高效率壓縮Js檔案

現在越來越多的 WordPress Themes使用了jQuery，已及其它使用了Js的外掛程式，這些Js檔案通常位於</head>之前。我們知道網頁載入的順序是從上到下，從左至右，如果頭部需載入的檔案過多過大的話，會嚴重影響網頁開啟的時間。畢竟中國的網路環境還不成熟，所以要有一個折衷的方法來盡量縮小檔案尤其是Js檔案的大小。

微軟曾出品了一款叫Microsoft Ajax
Minifier的Js壓縮公用程式，適用於所有的Js檔案，左手煙@今天特地又拿出來研究一下，我是個完美主義者，對什麼都講求精益求精，所以下面的解說朋友們都應該能夠理解與明白，我們只要會用即可，不必深究其技術層面的東西。

優點：壓縮率高、安全可靠、代碼規範

缺點：需要手動輸入命令執行操作

第一步，下載最新版的 Microsoft
Ajax Minifier 1.1，點擊 I Agree 按鈕後下載檔案並儲存到案頭上，雙擊進行安裝，之後在開始-程式-Microsoft Ajax Minifier檔案夾中找到Microsoft Ajax Minifier Command Prompt，單擊後彈出熟悉的CMD命令視窗，

第二步，將你需要壓縮的Js檔案複製到C盤以外的D或E等根目錄，為什麼要這麼做？因為有使用Win 7的朋友對C盤的操作許可權有限制，會導致檔案不被產生，我們就放到D盤跟目錄即可。下面先說說它的三種命令壓縮方式：(舉例：現在D盤有一個demo.js檔案需要壓縮)

1. 普通壓縮：ajaxmin d:\demo.js 效果不大，不推薦使用，瞭解即可；
2. 進階壓縮：ajaxmin d:\demo.js -o d:\demo1.js 將demo.js壓縮後轉換成demo1.js儲存在D盤根目錄，效果明顯，推薦；
3. 超級壓縮：ajaxmin -h d:\demo.js -o d:\demo2.js 將demo.js超級壓縮後轉換成demo2.js儲存在D盤根目錄，效果顯著，強烈推薦；

敲斷行符號鍵執行命令，出現crunching file ‘demo.js’…done.字樣說明成功，同時，D盤根目錄會多出來demo1.js或demo2.js檔案。

有朋友會發現後兩種方式壓縮後的檔案大小區別不大，也就2k左右。這裡要說明一下這是為什麼。當使用了-h（hyper-crunching）的指令，你會發現一些地區指令被改名成比較簡單的命名，例如：var exists-->var a，因此位元組數會再少一些，但是效果不打折，我們不必管它的原理，好用即可。

第三步，將壓縮後的Js檔案重新命名後覆蓋掉之前的，傳至伺服器。當然備份工作也是要做的，在測試沒有問題時即可刪掉原先臃腫的檔案。

我們用最新的jQuery 1.3.2來做個實驗。官方在這裡。官方提供了2個版本，一個迷你版，大小為57253位元組；完整版，大小為120763位元組。用
-h 參數後迷你版大小為55860位元組；完整版大小為55863位元組，一大半被壓縮掉了，效果非常顯著。

引申閱讀：玩WordPress的朋友都想盡辦法讓載入再快點，容量再小點，其它的Js壓縮方法網上也很多，比如在線壓縮。去這裡試試效果吧。你會發現效率遠沒有Microsoft
Ajax Minifier來得好，上面那個完整版線上進行超級壓縮後為73285位元組，這就是差距啊。微軟畢竟是有一定技術含量的，不然也不會遛出來獻醜了。:-)