yui compressor 壓縮 javascript 的內容包括:
- 移除注釋
- 移除額外的空格
- 細微優化
- 標識符替換(identifier replacement)
yui compressor 包括哪些細微優化呢?
- object["property"] ,如果屬性名是合法的 javascript 標識符(注:合法的 javascript 標識符——由一個字母開頭,其后選擇性地加上一個或者多個字母、數字或下劃線)且不是保留字,將優化為: object.property
- {"property":123} ,如果屬性名是合法的 javascript 標識符且不是保留字,將優化為 {property:123} (注:在對象字面量中,如果屬性名是一個合法的 javascript 標識符且不是保留字,并不強制要求用引號引住屬性名)。
- 'abcd/'efgh',將優化為 "abcd'efgh"。
- "abcd" + "efgh",如果是字符串相連接,將優化成 "abcdefgh"(注:所有在使用 yui compressor 的前提下,對于腳本中的字符串連接,使用連接符 “+” 的效率和可維護性最高)。
對于 javascript 最有效的壓縮優化,當屬標識符替換。
比如:
(function(){
function add(num1, num2) {
return num1 + num2;
}
})();
進行屬標識符替換后:
(function(){
function a(c, b) {
return c+ b;
}
})();
再移除額外的空格,最終成了:
(function(){function a(c,b){return c+b;}})();
yui compressor 標識符替換僅替換函數名和變量名,那哪些不能被替代呢?
- 原始值:字符串、布爾值、數字、null 和 undefined。一般來說字符串占的空間最多,而非數字字面量其次(true、false,null,underfinded)。
- 全局變量:window、document、xmlhttprequest等等。使用最多的就是 document、window。
- 屬性名,比如:foo.bar。占據的空間僅次于字符串,”.” 操作符無法被代替,且 a.b.c 更加費空間。
- 關鍵字。經常被過度使用的關鍵字有:var、return。最好的優化方法:一個函數僅出現一次 var 和 return 關鍵字。
對于原始值、全局變量、屬性名的優化處理方式大致相同:任何字面量值、全局變量或者屬性名被使用超過 2 次(包括2次),都應該用局部變量存儲代替。
但有部分情況下是禁止使用標識符替換的:
- 使用 eval() 函數。解決方法:不使用或者創建一個全局函數封裝 eval()。
- 使用 with 語句。解決方法:方法同上。
- jscript 的條件注釋。唯一解決的方法:不使用。
由于 yui compressor 是建立在 rhino interpreter 基礎上的,所以上述所有的優化都是安全的。
擴展閱讀:
《extreme javascript compression with yui compressor》