一.標(biāo)識(shí)(注釋)的優(yōu)化

　　網(wǎng)站在開發(fā)上往往容易出現(xiàn)這樣兩種情況：一種是代碼過(guò)于緊密，其中包含大量注釋信息和排版空白，一種就是代碼太過(guò)寬松，其中不但包含了編輯器自動(dòng)生成的標(biāo)識(shí)語(yǔ)言及大量縮排空白，而且包含了編輯器常用來(lái)控制文件結(jié)構(gòu)的特定注釋，甚至還有冗余或無(wú)用的標(biāo)識(shí)或代碼。象這樣的代碼是不適合傳輸?shù)摹Ｎ覀兛梢酝ㄟ^(guò)下面一些安全有效的途徑來(lái)減小文件的大小：

　　1.1 刪除多余的空白區(qū)域

　　一般說(shuō)來(lái)，可以把那些多余的空白字符如空格，水平TAB，換行符等刪除掉。不過(guò)當(dāng)然了，象<pre>，<textarea>文本框和CSS的<white-space>屬性中的空白是不能刪除的。

　　1.2 刪除注釋文字

　　除客戶端對(duì)IE瀏覽器和文檔類型聲明條件注釋之外的注釋幾乎都可以刪除，不會(huì)對(duì)文件造成什么影響。

　　1.3 將色值重新調(diào)整至最簡(jiǎn)短形式

　　在顏色上，盡量不要只使用十六進(jìn)制值或只使用顏色名稱，哪個(gè)短就用哪個(gè)。比如對(duì)于紅顏色，用它的屬性值“#ff0000”就沒有“red”來(lái)得簡(jiǎn)短。而對(duì)于“淺金黃色”如果用它的顏色名“l(fā)ightgoldenrodyellow”就太長(zhǎng)了，反不如用屬性值“#FAFAD2”。

　　1.4 將文字實(shí)體重新調(diào)整至最簡(jiǎn)短形式

　　這一點(diǎn)與色值的替換類似。我們可以把一個(gè)單詞名很長(zhǎng)的文字實(shí)體用一個(gè)數(shù)字性實(shí)體來(lái)表示。

　　1.5 刪除無(wú)用的標(biāo)識(shí)

　　將無(wú)用代碼刪除。

　　二.CSS的優(yōu)化

　　我們可以對(duì)CSS代碼進(jìn)行精簡(jiǎn)來(lái)進(jìn)一步減小文件的大小。不過(guò)，如今大多數(shù)網(wǎng)站所創(chuàng)建的CSS都要比普通HTML難壓縮的多。對(duì)CSS的代碼精簡(jiǎn)有下面這樣一些安全有效的措施：

　　2.1 刪除CSS空白

CSS對(duì)空白的敏感度遠(yuǎn)遠(yuǎn)低于(X)HTML，因而可將CSS中的空白刪除來(lái)有效降低CSS文件和樣式表區(qū)域的大小。

　　2.2 刪除CSS注釋信息

　　就象刪除普通代碼中的注釋來(lái)精簡(jiǎn)代碼一樣，由于CSS中的注釋對(duì)普通的終端用戶來(lái)說(shuō)并沒有什么實(shí)用價(jià)值，所以應(yīng)予刪除。不過(guò)，如果需要考慮改進(jìn)過(guò)的瀏覽器，則可以保留在CSS的<style>中的屏蔽注釋信息。

　　2.3 將CSS中色值調(diào)整至最簡(jiǎn)短形式

　　這一點(diǎn)也和HTML相似。對(duì)CSS字體顏色可以用單詞或十六進(jìn)制格式。不過(guò)，這樣做在CSS中的效果會(huì)更為顯著一些。這是因?yàn)镃SS支持3位6進(jìn)制色值，例如對(duì)白色(#ffffff)可用“#fff”來(lái)表示。

　　2.4 對(duì)CSS設(shè)置進(jìn)行重組，減少及刪除

　　CSS中設(shè)定了字體的大小，字重，顏色等。一般CSS內(nèi)容都是：

p {font-size：36pt;
font-family：Arial;
line-height：48pt;
font-weight：bold;}

　　我們可以將其改寫成：p{font:bold 36pt/48pt Arial;}

　　如果運(yùn)用得當(dāng)?shù)脑挘梢詫?duì)樣式表中的一些語(yǔ)法規(guī)則進(jìn)行大幅削減。不過(guò)目前還沒有這樣的工具，所以我們只能手工刪除，不過(guò)即將推出的w3compiler2.0版將會(huì)包含這一特性。

　　2.5重命名類和ID值

　　在CSS優(yōu)化中，對(duì)樣式表或ID值的重命名可能是最危險(xiǎn)的一個(gè)步驟。對(duì)樣式表的重命名可以遵循這樣的原則：例如對(duì)于： .superSpecial{color: red; font-size: 36pt;} 則可將其更名為sS。而對(duì)ID值一樣可以遵循這樣的原則，例如對(duì)于：#firstParagraph {background-color: yellow;} 則可將原來(lái)的 "#firstParagraph" 更名為 "#fp" 。自然，這樣做可能會(huì)牽涉到“標(biāo)識(shí)-樣式-腳本”的問(wèn)題：如果一個(gè)“tag”有一個(gè)ID值，而這個(gè)值又可能不但用于樣式表，還可能用于腳本參考，甚至可能是一個(gè)鏈接目標(biāo)地址。在這種情況下一旦修改了這個(gè)值，那么必須確保對(duì)所有文件中相關(guān)的腳本和鏈接參考都進(jìn)行了相應(yīng)的修改。

　　請(qǐng)注意：最好不要更改名稱屬性，尤其是表單區(qū)域中的名稱屬性。因?yàn)檫@些數(shù)值也會(huì)被服務(wù)器端程序操作。

　　作者簡(jiǎn)介：

　　托馬斯.鮑威爾：PINT.com創(chuàng)始人，美國(guó)加洲大學(xué)圣地亞哥分校計(jì)算機(jī)科學(xué)系講師。曾在多家大型刊物雜志上發(fā)表文章，如《網(wǎng)絡(luò)世界》，《互聯(lián)網(wǎng)周刊》和ZDNet。并出版大量關(guān)于網(wǎng)絡(luò)技術(shù)和開發(fā)設(shè)計(jì)的書籍，其中包括在美國(guó)最暢銷的《網(wǎng)絡(luò)設(shè)計(jì)完全參考》。

　　喬.利馬：Port80Software.com的產(chǎn)品開發(fā)經(jīng)理。曾就職于多家不同互聯(lián)網(wǎng)，無(wú)線和軟件開發(fā)公司， 尤擅主從式架構(gòu)技術(shù)(server-centric)的研究和開發(fā)。