在前段領(lǐng)域中,對Javascript和CSS的優(yōu)化一直是大家關(guān)注的焦點,相應(yīng)的壓縮優(yōu)化工具也非常豐富,相對而言對HTML優(yōu)化的關(guān)注則顯得有些冷淡。在Steve Souders的大作《Even Faster Web Sites》中談到非常多有效的前端優(yōu)化方法,例如Javascript的加載、CSS選擇符、圖片優(yōu)化、gzip、iframe問題等,唯獨沒有細(xì)說HTML優(yōu)化。在整個前端的構(gòu)成中,HTML是必不可少的一部分,而且是真正的展示“前端”。雖然與動輒十幾K的Javascript相比,HTML的大小在整個頁面資源中一般不會占太多的比重,而且還有Gzip,但是事實表明,大多數(shù)頁面都有較大的壓縮余地,即使是Gzip過后仍然能減小可觀的體積,這一事實在后續(xù)的文章中會給出,本文主要討論HTML優(yōu)化的一些可行和看上去不那么可行的途徑。
對于各種優(yōu)化途徑,如果一定要我給一個分類的話,我會用顏色來區(qū)分。對于那些在各種頁面中都適用而且無害的方法,我將它們歸為綠色。相對而言,只有在某些具體的情況下才適用或者有違標(biāo)準(zhǔn)的方法歸為橙色。
1. 使用相對URL
對于頁面中的各種URL,例如鏈接、外鏈CSS的href、外鏈Javascript的src、圖片src、iframe src等,如果能夠確定它們與當(dāng)前頁面是處于同一域名下的話,則可以使用相對URL,這樣每一個URL都能夠節(jié)省至少一個域名的長度。
2. 刪除HTTP或HTTPS
絕對URL都以HTTP或HTTPS等協(xié)議頭開始,如果能確定URL的協(xié)議與當(dāng)前頁面URL的協(xié)議是一致的,或者說該URL在多種協(xié)議下均是可用的,則可以考慮刪除這個協(xié)議頭。這樣做雖然有些非主流,但事實證明是可行的,而且也有理論依據(jù)(見http://www.ietf.org/rfc/rfc2396.txt 第5.2節(jié)描述)。Nexus One的這個頁面中有些資源URL就刪除了協(xié)議頭,雖然并不是出于節(jié)省資源的目的,但至少證明刪除協(xié)議頭是可行的。
對于CSS,如果刪除協(xié)議頭在IE7、IE8下會造成CSS下載兩次,這個是需要注意的問題。
3. 刪除注釋
與CSS、Javascript一樣,也可以通過刪除HTML中的注釋來實現(xiàn)優(yōu)化。然而,這一點對于HTML來說卻要復(fù)雜一些,因為在HTML中存在某些特殊作用的注釋是不能刪除的。
(a). IE條件注釋
<!--[if expression]> HTML <![endif]—>學(xué)習(xí)交流熱門圖片猜你喜歡的新聞
新聞熱點
疑難解答