概述:
伴隨著WEB技術的飛速發展,作為web前段構成的HTML整體優化似乎已經越來越引起人們的關注。不同于javascript和CSS優化,html優化看似微小卻不容忽視。作為整個web構成的真正前端;雖然HTML整體占有資源比重不大,但數據表明大部分頁面還是有很大的壓縮空間的,而HTML恰恰
伴隨著WEB技術的飛速發展,作為web前段構成的HTML整體優化似乎已經越來越引起人們的關注。不同于java script 和CSS優化,html優化看似微小卻不容忽視。作為整個web構成的真正"前端";雖然HTML整體占有資源比重不大,但數據表明大部分頁面還是有很大的壓縮空間的,而HTML恰恰就是這部分了。百度工程師Miller就曾在其文章中重點指出html優化的重要性,并總結了南寧網站建設中各種優化技巧,并且將其分為了兩大類:綠色規則和橙色規則。
綠色規則——各種瀏覽器、協議、頁面中都是無害的。其中只要包括簡化鏈接、簡化刪除頁面協議頭、刪除不必要空白符壓縮頁面資源、刪除默認的HTML元素值等方法。下面我們將一一進行闡述。
1、簡化鏈接——每個頁面都有這樣那樣的鏈接比如普通鏈接、css的href、java的src、圖片的src、和框架元素iframe 等這些往往都充斥著大量的鏈接同時也造成了網頁資源的大量浪費。而我們要做的是在確認其鏈接和當前頁面在同一個域名之下的前提下我們就可以使用其相對的URL了,例如原本的http://www.xxxx.com/boke/index.html進行簡化后就成了/boke/index.html。經過這樣的處理之后就相當于每個URL能節省至少一個域名的空間,這將大大的節省頁面的整體體積。
2、簡化刪除頁面協議頭——上面的鏈接是相對的,但在引用絕對鏈接的時候都是以http或者https等協議頭開始的,但如果我們已經確定目標鏈接協議和當前頁面的協議一致,或者在多種協議下均可使用的話我們就可以刪除點這個協議頭。但這里一定要注意對已CSS的URL如果刪除掉http或者https會在某些瀏覽器中造成CSS的二次下載。
3、刪除不必要的空白符——這里指的是html標簽使用中產生的空白符。刪除這些將可以有效的減小頁面的整體體積。
4、刪除默認的HTML元素值。
橙色規則——只適用于某些非成規頁面的簡化規則。其中包括刪除標簽屬性的引號、刪除不必要的屬性值比如禁用屬性disabled 是否選中屬性checked 和多選屬性multiple 等、刪除一些可選閉合標簽例如等標簽在html中都是允許不閉合可以考慮刪除掉。以上這些均不符合XHTML規范,但能夠大幅度的壓縮頁面體積,運用的時候應該謹慎對待。
除此之外頁面的設置、設置、keywords設置都將是重中之重。
總結:html優化在于點點滴滴,好的書寫習慣對整體的html優化有著很大的幫助。

