我們知道在整個前端的構成中，HTML是必不可少的一部分，而且是真正的展示“前端”，所以對Html進行有效的優化還是非常有必要的。
雖然與動辄十幾K的Javascript相比，Html的大小在整個頁面資源中一般不會占太多的比重，而且還有Gzip，但是事實表明，大多數頁面都有較大的壓縮余地，即使是Gzip過後仍然能減小可觀的體積。
對於各種優化途徑，如果一定要我給一個分類的話，我會用顏色來區分。對於那些在各種頁面中都適用而且無害的方法，我將它們歸為綠色。相對而言，只有在某些具體的情況下才適用或者有違標准的方法歸為橙色。
綠色方法
1. 使用相對URL
對於頁面中的各種URL，例如鏈接、外鏈CSS的href、外鏈Javascript的src、圖片src、iframe src等，如果能夠確定它們與當前頁面是處於同一域名下的話，則可以使用相對URL，這樣每一個URL都能夠節省至少一個域名的長度。
2. 刪除HTTP或HTTPS
絕對URL都以HTTP或HTTPS等協議頭開始，如果能確定URL的協議與當前頁面URL的協議是一致的，或者說該URL在多種協議下均是可用的，則可以考慮刪除這個協議頭。
這樣做雖然有些非主流，但事實證明是可行的，而且也有理論依據。Nexus One的這個頁面中有些資源URL就刪除了協議頭，雖然並不是出於節省資源的目的，但至少證明刪除協議頭是可行的。對於CSS，如果刪除協議頭在IE7、IE8下會造成CSS下載兩次，這個是需要注意的問題。
3. 刪除注釋
與CSS、Javascript一樣，也可以通過刪除HTML中的注釋來實現優化。然而，這一點對於HTML來說卻要復雜一些，因為在Html中存在某些特殊作用的注釋是不能刪除的。
(a). IE條件注釋
- <!--[if expression]> Html <![endif]—>
諸如這樣的語法，只有符合expression的浏覽器才能識別其中的內容。
(b). CDATA注釋
- /* */
CDATA本身是XHTML中才需要的，在CDATA中的內容不需要對特殊字符進行轉義，不過為了兼容老版本的浏覽器，需要加上注釋，以免出錯。不過，對於這個注釋，如果你的頁面並沒有真正的使用XHTML標准則可以大膽的刪除掉。使用XHTML標准不是簡單的聲明DTD就可以辦到的，除此之外還需要服務器能夠派application/xhtml+XML這樣的內容格式，另外還需要浏覽器支持，目前IE並不支持XHTML格式。因此，目前你的頁面可能是按照XHTML規范來寫的，也能通過HTML驗證，但想要兼容IE則一定還是以Html方式來展示的。這樣一來，很多為了遵循標准而增加的內容則可以刪除，具體的在後文的橙色部分詳述。
(c). 自定義注釋
產品中自定義的一些具有特定功能的注釋，例如統計。
4. 壓縮空白符
在HTML中的大多數標簽中，多個空白符都會被壓縮成一個來顯示，於是可以通過刪除多余的空白符來減小Html體積。不過需要注意的是並不是所有的空白符都可以這樣做，例如pre、textarea中的空白符是按原樣顯示的，標簽屬性中的屬性值也是按原樣顯示的，例如title、value等。
5. 壓縮inline CSS & Javascript
不管inline還是external，都需要壓縮，這是減小體積的最直接的方式。
6. CSS&Javascript盡量外鏈
外鏈CSS和Javascript，不僅僅是減小Html本身的體積，而且還可以充分利用浏覽器的緩存機制，所以當CSS、Javascript的代碼量超過一定體積時，盡量外鏈。除此之外，盡量避免在頁面中使用onmouSEOver=”xxxx”的方式來注冊事件，既不利於維護也容易產生不必要的冗余代碼。
7. 刪除元素默認屬性
在HTML規范中，很多Html元素的屬性是有默認值的，對於這些默認值可以抹去不寫，下面是不完全統計。