在前段領域中，對Javascript和CSS的優化一直是大家關注的焦點，相應的壓縮優化工具也非常豐富，相對而言對HTML優化的關注則顯得有些冷淡。在Steve Souders的大作《Even Faster Web Sites》中談到非常多有效的前端優化方法，例如Javascript的加載、CSS選擇符、圖片優化、gzip、iframe問題等，唯獨沒有細說HTML優化。在整個前端的構成中，HTML是必不可少的一部分，而且是真正的展示“前端”。雖然與動輒十幾K的Javascript相比，HTML的大小在整個頁面資源中一般不會占太多的比重，而且還有Gzip，但是事實表明，大多數頁面都有較大的壓縮余地，即使是Gzip過后仍然能減小可觀的體積，這一事實在后續的文章中會給出，本文主要討論HTML優化的一些可行和看上去不那么可行的途徑。
對于各種優化途徑，如果一定要我給一個分類的話，我會用顏色來區分。對于那些在各種頁面中都適用而且無害的方法，我將它們歸為綠色。相對而言，只有在某些具體的情況下才適用或者有違標準的方法歸為橙色。
1. 使用相對URL
對于頁面中的各種URL，例如鏈接、外鏈CSS的href、外鏈Javascript的src、圖片src、iframe src等，如果能夠確定它們與當前頁面是處于同一域名下的話，則可以使用相對URL，這樣每一個URL都能夠節省至少一個域名的長度。
2. 刪除HTTP或HTTPS
絕對URL都以HTTP或HTTPS等協議頭開始，如果能確定URL的協議與當前頁面URL的協議是一致的，或者說該URL在多種協議下均是可用的，則可以考慮刪除這個協議頭。這樣做雖然有些非主流，但事實證明是可行的，而且也有理論依據(見http://www.ietf.org/rfc/rfc2396.txt 第5.2節描述)。Nexus One的這個頁面中有些資源URL就刪除了協議頭，雖然并不是出于節省資源的目的，但至少證明刪除協議頭是可行的。
對于CSS，如果刪除協議頭在IE7、IE8下會造成CSS下載兩次，這個是需要注意的問題。
3. 刪除注釋
與CSS、Javascript一樣，也可以通過刪除HTML中的注釋來實現優化。然而，這一點對于HTML來說卻要復雜一些，因為在HTML中存在某些特殊作用的注釋是不能刪除的。
(a). IE條件注釋
<!--[if expression]> HTML <![endif]—>學習交流
- 綠毒越獄軟件 完美越獄4.21教程12-21
- htcg15怎么刷機？htcg15刷機教程12-21
- HTC hd7刷安卓2.2全教程12-21
- mpkg軟件下載和卸載的方法12-21
- 網站后臺系統設置的網站地址格式寫法07-09
- 防止重復提交js按鈕變灰07-09
- 不同時間顯示不同的廣告代碼07-09
- iframe框架調用高度自適應方法07-09
- 備份數據庫出現問題的解決方法07-09
熱門圖片猜你喜歡的新聞
新聞熱點
疑難解答
