中文字幕日韩一区_懂色av一区二区三区_欧美日韩中文精品_亚洲午夜久久久久久久

利晶設計機構博客

關注研究網站設計及SEO網站優化技術!致力于為客戶提供最專業、最有效的全方面網站設計解決方案。

訂閱RSS

整理兩大HTML標簽優化應用

類別:網站前端開發    時間:2010-12-24

常方法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]—>

諸如這樣的語法,只有符合expression的瀏覽器才能識別其中的內容。

(b). CDATA注釋

/*  */

CDATA本身是XHTML中才需要的,在CDATA中的內容不需要對特殊字符進行轉義,不過為了兼容老版本的瀏覽器,需要加上注釋,以免出錯。不過,對于這個注釋,如果你的頁面并沒有真正的使用XHTML標準則可以大膽的刪除掉。使用XHTML標準不是簡單的聲明DTD就可以辦到的,除此之外還需要服務器能夠派application/xhtml+xml這樣的內容格式,另外還需要瀏覽器支持,目前IE并不支持XHTML格式。因此,目前你的頁面可能是按照XHTML規范來寫的,也能通過HTML驗證,但想要兼容IE則一定還是以HTML方式來展示的。這樣一來,很多為了遵循標準而增加的內容則可以刪除,具體的在后文的橙色部分詳述。

(c). 自定義注釋

產品中自定義的一些具有特定功能的注釋,例如統計。

4. 壓縮空白符

在HTML中的大多數標簽中,多個空白符都會被壓縮成一個來顯示,于是可以通過刪除多余的空白符來減小HTML體積。不過需要注意的是并不是所有的空白符都可以這樣做,例如pre、textarea中的空白符是按原樣顯示的,標簽屬性中的屬性值也是按原樣顯示的,例如title、value等。

5. 壓縮inline css & Javascript

不管inline還是external,都需要壓縮,這是減小體積的最直接的方式。

6. CSS&Javascript盡量外鏈

外鏈CSS和Javascript,不僅僅是減小HTML本身的體積,而且還可以充分利用瀏覽器的緩存機制,所以當CSS、Javascript的代碼量超過一定體積時,盡量外鏈。除此之外,盡量避免在頁面中使用onmouseover=”xxxx”的方式來注冊事件,既不利于維護也容易產生不必要的冗余代碼。

7. 刪除元素默認屬性

在HTML規范中,很多HTML元素的屬性是有默認值的,對于這些默認值可以抹去不寫,下面是不完全統計。

標簽 屬性 默認值
style media screen
link media screen
form method get
form    
input type text

常方法HTML標簽優化二

常方法HTML標簽優化二是指那些有違標準,或者會導致頁面出現無法預料的問題的一類方法,算是一類非常規的方法,因此也僅僅適用于一些非常規的頁面,例如搜索引擎首頁。

1. 刪除或替換

DOCTYPE對于頁面展現非常重要,瀏覽器會根據具體的DOCTYPE來決定如何顯示頁面,除非你對刪除DOCTYPE后的頁面展示十分有把握,否則不要輕易刪除。另外一種可行的方式是采用HTML5中的寫法,即,大多數瀏覽器能夠將這種doctype寫法解析為標準或準標準(Almost Standard)模式,不過依然會造成一些問題,具體見這里。目前百度、Google都是這么做的。

2. 刪除標簽屬性值的引號

引號不是必須的,刪之。此處也需要考慮一些特殊情況,例如屬性值中包含引號等。

(提醒:不符合XHTML規范)

3. 省略某些屬性值

例如disabled、checked、multiple等的值都可以省略。

(提醒:不符合XHTML規范)

4. 刪除可選的閉合標簽

例如body、p、tr等標簽是允許沒有閉合標簽的,具體的參考此處。

(提醒:不符合XHTML規范)

5. 刪除自動閉合標簽的”/”

(提醒:不符合XHTML規范)

工具

HTML優化工具目前比較理想的是Absolute HTML Compressor,另外,PageSpeed1.6中也引入了HTML壓縮功能,不過目前只有四個簡單的策略,尚處于實驗性階段。隨著大家對前端性能越來越高的關注度,HTML優化及壓縮方面也一定會有所發展的。

總結

1. HTML優化及壓縮的發展滯后于前端其他資源,不過目前也已經引起大家越來越多的關注。

2. 綠色規則中的很多都是在寫碼過程中就可以注意和遵循的,如果能把這個優化融入到編碼中,效果應該更好。

3. 橙色規則由于違背某些規范,只適用于某些特定的頁面,使用時務必謹慎。

轉載聲明:
原載:利晶科技博客 - 關注研究最新網站設計技術及SEO網站優化!
本文鏈接:http://www.114933.com/blog/html-biaoqian-youhua.html
如需轉載必須以鏈接形式注明原載或原文地址,謝謝合作!

文章分類

服務項目

友情鏈接

Copyright © 2006-2012 利晶設計機構 版權所有
中文字幕日韩一区_懂色av一区二区三区_欧美日韩中文精品_亚洲午夜久久久久久久
亚洲精品成人少妇| 成人av午夜电影| 久久精品999| 欧美一区二区在线免费播放 | 国产午夜精品久久久久久免费视| 国产一区二区三区在线看麻豆| 国产清纯白嫩初高生在线观看91| 99久久免费精品| 午夜不卡av免费| 久久久99精品久久| 欧美亚洲日本国产| 国内欧美视频一区二区| 亚洲黄色片在线观看| 欧美成人一区二区三区| jizz一区二区| 久久草av在线| 亚洲自拍偷拍图区| 国产日韩欧美不卡在线| 欧美一区二区视频在线观看 | 高清不卡在线观看av| 亚洲一二三四区不卡| 精品国产百合女同互慰| 欧美私模裸体表演在线观看| 国产高清视频一区| 奇米影视7777精品一区二区| 亚洲色图在线视频| 久久久99精品免费观看不卡| 欧美另类高清zo欧美| 99久久精品99国产精品| 久久 天天综合| 丝袜亚洲另类丝袜在线| 亚洲精品国产精品乱码不99| 久久久亚洲精品一区二区三区| 在线播放一区二区三区| 91久久精品网| 91理论电影在线观看| 国产剧情一区在线| 蜜桃传媒麻豆第一区在线观看| 亚洲一区欧美一区| 亚洲欧美另类久久久精品| 国产亚洲制服色| 91精品国产一区二区| 色综合天天综合给合国产| 99久久精品国产麻豆演员表| 国产在线一区二区综合免费视频| 午夜视黄欧洲亚洲| 一区二区三区成人| 亚洲精品日韩综合观看成人91| 国产精品久久久久久久久免费相片| 欧美成人a∨高清免费观看| 欧美体内she精视频| 欧美人xxxx| 91精品国产免费| 欧美一区二区三区思思人| 极品少妇xxxx精品少妇| 国内精品免费**视频| 韩国成人精品a∨在线观看| 国产综合久久久久影院| 激情成人午夜视频| 国产成人精品免费视频网站| 高清不卡在线观看av| 一本一道久久a久久精品| 欧洲av一区二区嗯嗯嗯啊| 在线观看精品一区| 欧美一卡二卡三卡四卡| 日韩精品一区二区三区四区视频| 精品国产免费一区二区三区四区| 国产色婷婷亚洲99精品小说| 国产精品乱子久久久久| 亚洲欧美电影一区二区| 亚洲一区在线观看视频| 麻豆成人久久精品二区三区小说| 久久99精品国产91久久来源| 国产凹凸在线观看一区二区| 在线视频欧美区| 欧美一区二区三区白人| 国产亚洲欧美中文| 一区二区三区日本| 久久99热狠狠色一区二区| 成人黄色网址在线观看| 欧美日韩久久一区| 国产精品午夜在线观看| 夜夜爽夜夜爽精品视频| 经典三级在线一区| 色噜噜偷拍精品综合在线| 日韩精品一区二区三区在线 | 色88888久久久久久影院野外| 7777精品伊人久久久大香线蕉经典版下载 | 国产一区视频在线看| 91丨九色丨黑人外教| 欧美日本一区二区| 国产精品久久久久影视| 天天做天天摸天天爽国产一区 | 偷拍自拍另类欧美| 国产麻豆精品在线观看| 欧美亚洲国产一区二区三区| 久久久三级国产网站| 亚洲电影中文字幕在线观看| 国产麻豆视频一区二区| 欧美一区二区精品在线| 亚洲欧美乱综合| 成人免费毛片高清视频| 日韩美女一区二区三区四区| 亚洲国产精品一区二区www| 成人18视频日本| 国产日韩一级二级三级| 免费观看一级特黄欧美大片| 日本高清不卡aⅴ免费网站| 久久久www免费人成精品| 午夜精品久久久| 99久久er热在这里只有精品66| 精品欧美一区二区久久| 日韩精品一二三区| 欧美日韩在线一区二区| 最新国产精品久久精品| 国产一本一道久久香蕉| 日韩免费高清av| 久久精品国内一区二区三区| 在线观看91精品国产麻豆| 亚洲国产va精品久久久不卡综合| 91丨国产丨九色丨pron| 中文字幕一区二区5566日韩| 成人黄色在线视频| 中文字幕一区二区三区在线观看 | 欧美一二三四区在线| 日韩中文字幕一区二区三区| 欧美少妇bbb| 亚洲综合999| 欧美日韩免费电影| 日韩 欧美一区二区三区| 在线播放91灌醉迷j高跟美女| 亚洲午夜成aⅴ人片| 欧美高清视频在线高清观看mv色露露十八| 亚洲精品自拍动漫在线| 欧美撒尿777hd撒尿| 日韩国产欧美三级| 日韩欧美高清在线| 国产成人av电影在线观看| 国产精品久99| 欧美三级乱人伦电影| 免费在线观看成人| 26uuu国产在线精品一区二区| 国产毛片精品国产一区二区三区| 国产欧美日韩三区| 粉嫩av一区二区三区在线播放 | 亚洲色图视频免费播放| 欧美中文字幕一二三区视频| 天堂精品中文字幕在线| 欧美成人精品二区三区99精品| 国产乱子伦视频一区二区三区| 国产视频一区二区在线观看| 色妞www精品视频| 日本女人一区二区三区| 国产欧美一区二区精品性色超碰 | 欧美美女bb生活片| 国产自产2019最新不卡| 亚洲欧洲国产日本综合| 欧美理论片在线| 老司机精品视频一区二区三区| 国产欧美一区二区精品久导航| 91视频.com| 国产一区二区91| 亚洲亚洲精品在线观看| 欧美大尺度电影在线| www.久久精品| 久久97超碰国产精品超碰| 亚洲精品免费在线观看| 日韩欧美在线网站| 99久久国产综合精品麻豆| 久久福利资源站| 一区二区三区色| 欧美高清在线精品一区| 欧美一区二区三区人| 97国产一区二区| 国产一区二区调教| 日韩中文字幕区一区有砖一区| 国产精品私房写真福利视频| 欧美精品在线一区二区| 91免费视频网| 成人免费观看视频| 激情图区综合网| 奇米四色…亚洲| 亚洲1区2区3区4区| 日韩一区在线看| 国产亚洲一区二区三区| 日韩午夜小视频| 51精品秘密在线观看| 欧美四级电影在线观看| 91蝌蚪porny九色| 成人国产精品免费观看动漫| 国产一区啦啦啦在线观看| 狂野欧美性猛交blacked| 视频一区二区三区中文字幕| 亚洲一区二区三区影院| 亚洲日本欧美天堂| 中文字幕日韩av资源站| 国产精品白丝在线| 国产精品美女视频| 国产精品久久久久久亚洲毛片 | 色猫猫国产区一区二在线视频|