橙色方法
橙色方法是指那些有違標准,或者會導致頁面出現無法預料的問題的一類方法,算是一類非常規的方法,因此也僅僅適用於一些非常規的頁面,例如搜索引擎首頁。
1. 刪除或替換
DOCTYPE對於頁面展現非常重要,浏覽器會根據具體的DOCTYPE來決定如何顯示頁面,除非你對刪除DOCTYPE後的頁面展示十分有把握,否則不要輕易刪除。另外一種可行的方式是采用Html5中的寫法,即,大多數浏覽器能夠將這種doctype寫法解析為標准或准標准(Almost Standard)模式,不過依然會造成一些問題,具體見這裡。目前百度、Google都是這麼做的。
2. 刪除標簽屬性值的引號
引號不是必須的,刪之。此處也需要考慮一些特殊情況,例如屬性值中包含引號等。(提醒:不符合XHtml規范)
3. 省略某些屬性值
例如disabled、checked、multiple等的值都可以省略。(提醒:不符合XHtml規范)
4. 刪除可選的閉合標簽
例如body、p、tr等標簽是允許沒有閉合標簽的,具體的參考此處。(提醒:不符合XHtml規范)
5. 刪除自動閉合標簽的”/”
工具HTML優化工具目前比較理想的是Absolute HTML Compressor,另外,PageSpeed1.6中也引入了HTML壓縮功能,不過目前只有四個簡單的策略,尚處於實驗性階段。隨著大家對前端性能越來越高的關注度,Html優化及壓縮方面也一定會有所發展的。
總結:
1. Html優化及壓縮的發展滯後於前端其他資源,不過目前也已經引起大家越來越多的關注。
2. 綠色規則中的很多都是在寫碼過程中就可以注意和遵循的,如果能把這個優化融入到編碼中,效果應該更好。
3. 橙色規則由於違背某些規范,只適用於某些特定的頁面,使用時務必謹慎。
文章轉自百度泛用戶體驗 作者:Miller
原文地址:http://www.baiduux.com/blog/2010/03/15/Html%E4%BC%98%E5%8C%96-2/