|
在Perfection kills上看到他去年寫的一篇文章，關(guān)于HTML優(yōu)化的，講的很詳細(xì)，姑且記錄之，盡管里面有些東西并不能在目前的環(huán)境里應(yīng)用。在當(dāng)前WEB應(yīng)用逐漸前端化的潮流下，對客戶端的優(yōu)化越來越受到關(guān)注，如何減少代碼，如何讓應(yīng)用快速的展示給用戶，如何減少用戶等待時間等等，如 雅虎的34條優(yōu)化黃金法則 里面提出了詳盡的優(yōu)化方案。
網(wǎng)頁優(yōu)化的最基礎(chǔ)的部分應(yīng)該就是HTML的優(yōu)化，具體來說首先就是標(biāo)記的清理，清理標(biāo)記不僅僅能縮減文檔的大小，而且能夠讓文檔更易于維護(hù)提高搜索引擎的可見度(Clean markup means better accessibility, easier maintenance, and good search engine visibility),但是即便是那些號稱高度優(yōu)化過的網(wǎng)頁，如果仔細(xì)查看代碼，依舊可以發(fā)現(xiàn)很多可以刪減或者已經(jīng)過時的標(biāo)記用法：
1.script里的注釋符
<SCRIPT language=javascript>
<!-- Begin
alert("daimaren.cn");
// End -->
</script>
除非是像95 Netscape 1.0這類幾乎絕跡的瀏覽器需要這樣的處理，在大部分主流瀏覽器里，往腳本塊里添加HTML注釋是完全不需要的。
2.<![CDATA[ … ]>
<script type="text/javascript">
//<![CDATA[
...
//]]>
</script>
這是另外一個經(jīng)常在js代碼塊里添加的錯誤預(yù)防措施，他是在處理真正的XHTML文檔（“application/xhtml+xml” content-type）時為了防止代碼將形如<號解析為標(biāo)簽開始，所有在CDATA內(nèi)包含的內(nèi)容，都會被當(dāng)成文本處理。但是實際情況是，目前幾乎所有的網(wǎng)頁的content-type都是text/html，也就是說它們不是嚴(yán)格意義上的xml文檔，而是只是text文本，所以這個錯誤預(yù)防處理措施是完全沒有必要的，即使你確定要支持xml的文檔，也要視情況合理的運用CDATA。
3.onclick=”…”, onmouseover=”“等等。
將事件屬性寫在HTML標(biāo)簽內(nèi)是一種很不明智的做法，降低了代碼的可維護(hù)性，同時污染了標(biāo)簽，如果將事件屬性通過JS動態(tài)添加，不僅可以靈活控制，還可以利用JS客戶端緩存的優(yōu)勢，讓這些事件屬性不必每次跟隨文檔請求。
4.onclick=”javascript:…”
這是一個有趣的javascript混亂，偽協(xié)議和內(nèi)在的事件處理程序可以組成高達(dá)10W多種多余的組合，事實是事件屬性內(nèi)部的內(nèi)容在解析后成為body的一個fucution，這個function然后會作為事件處理程序，所以javascript:在此成為一個無用的多余標(biāo)簽。
5.href=”javascript:void(0)”
繼續(xù)javascript:偽協(xié)議，有一個臭名昭著的就是javascript:void(0),他是用來避免默認(rèn)的錨點動作的，它在JS無法正常解析或者出錯時（disabled/not available/errors）會使得錨點完全不可用，理想的解決方案是在href里填寫正確的URL，然后用JS去動態(tài)改寫，這樣即使在JS未執(zhí)行的情況下也不會出現(xiàn)錨點不可用的狀況。HREF =“�！笔且粋�精簡和更快的替代方案。
6. style=”…”
沒有什么本質(zhì)性的錯誤，只是后期維護(hù)麻煩，另外移到外聯(lián)的CSS文件中可以緩存起來提高頁面執(zhí)行效率。
7. <script language=”Javascript” … >
最容易誤解的屬性之一，覺得這個是腳本的“語言”，這個屬性是如此古老，在1999年就已經(jīng)不推薦被使用了。
8. <script charset=”…” … >
<script type="text/javascript" charset="UTF-8">
...
</script>
script標(biāo)簽的另一個容易被誤解的屬性，charset在HTML4.01里的描述：請注意，charset屬性是指字符的 src屬性所指定的腳本編碼，它不涉及的腳本元素的內(nèi)容。（Note that the charset attribute refers to the character encoding of the script designated by the src attribute; it does not concern the content of the SCRIPT element.），也就是說他只在外聯(lián)腳本的時候指定腳本文件的編碼格式。不推薦使用。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 下一頁 HTML的優(yōu)化雜記 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 HTML的優(yōu)化雜記 [1]
第 2 頁 
