使CSS渲染效率提高的好方法
2011/1/26 17:05:07
超級(jí)快速,零實(shí)用性
我們知道ID’s 是最高效的選擇器。當(dāng)你想讓渲染速度最高效時(shí),你可能會(huì)給每個(gè)獨(dú)立的標(biāo)簽配置一個(gè)ID,然后用這些ID寫樣式。那會(huì)超級(jí)快,也超級(jí)荒唐。這樣的結(jié)果是語義極差,維護(hù)難到了極點(diǎn)。即使在核心部分你也不應(yīng)該見過這樣做的。我認(rèn)為這個(gè)可以提醒我們不要為了高效的CSS放棄語義和可維護(hù)性。
實(shí)用性
還刻前面提到的Mozilla的一篇文章?已經(jīng)有十年了。事實(shí)是:計(jì)算機(jī)比十年前變慢了。我感覺這東東在當(dāng)年似乎還更受重視。十年前我還是個(gè)21歲的英俊小生,當(dāng)然我不覺得那里我會(huì)認(rèn)識(shí)css這東東。不管怎樣上面提到的東東都是有意義的,你可以按照上面的方法去做,因?yàn)樗⒉粫?huì)限制你的CSS制作。但你也沒必要太教條主義。如果你是個(gè)完美主義者,而之前又沒有考慮過那東東,那是時(shí)候去重新看一下你之前寫的一些樣式是否有改進(jìn)的地方了。如果你沒發(fā)現(xiàn)你的網(wǎng)站明顯的渲染緩慢,那大可別太在意,在以后的工作中多注意就行了。
從右到左
瀏覽器如何讀取你的CSS選擇器有一個(gè)很重要的原則,那就是它們從右到左讀取。這意味這像 ul > li a[title="home"] 這樣的選擇器,a[title="home"] 將是最先被讀取的。這一部分通常被稱為 “key selector”選擇器的最后一部分,也是被選擇的標(biāo)簽。ID’s 是最有效率的,通用符是最慢的有四種目標(biāo)選擇器:ID, class, tag和通用符。
一個(gè)選擇器渲染失敗比這個(gè)選擇器被渲染更高效
我不是很確定是否有更好的證據(jù)去證明這一點(diǎn),因?yàn)槿绻阌写罅康倪x擇器在CSS樣式表里無法找到,這樣的事情貌似很離奇,但一點(diǎn)必需注意的是,從右到左的解釋一個(gè)選擇器來說,一旦它找不到,那它就會(huì)停止嘗試。然而如果它找到了,那它就需要花更多精力去解釋了。
不要用標(biāo)簽修飾
ID’s 是唯一的,所以不需要用標(biāo)簽修飾,這只會(huì)讓它更低效。如果你可以避免的話,也不要用它修飾 class 。class 不是唯一的,所以理論上你可以把它用在不同的標(biāo)簽。如果你愿意的話,你可以用標(biāo)簽控制不同的樣式,這樣你可能需要標(biāo)簽修飾(比如:li.first),但這樣做的人很少,所以,don’t .絕對(duì)沒有比用后代選擇器更糟糕的做法了
返回列表
返回首頁
主站蜘蛛池模板:
美女被吸屁股免费网站|
亚洲日韩国产欧美一区二区三区|
99久久99久久精品免费观看|
扒开双腿疯狂进出爽爽动态图|
亚洲AV香蕉一区区二区三区|
精品欧美成人高清在线观看2021|
国产精品视频一区二区三区四|
久久久久免费看黄a级试看|
狠狠色丁香婷婷久久综合|
国产一区二区三区夜色|
91在线品视觉盛宴免费|
日日操天天操夜夜操|
亚洲欧美一级视频|
色噜噜狠狠色综合免费视频|
成人午夜福利视频镇东影视|
亚洲成av人片在线观看天堂无码|
疯狂吃奶freesex|
国产成人亚洲毛片|
bbw在线观看|
日本特黄a级高清免费大片|
亚洲色av性色在线观无码|
韩国三级日本三级香港三级黄|
天堂资源中文在线|
一级特黄aaa大片在线观看视频|
欧美videosex性欧美成人|
午夜免费福利网站|
久久久久99人妻一区二区三区|
婷婷综合五月天|
成人免费午夜视频|
亚洲一区日韩二区欧美三区|
精品国产三级a∨在线欧美|
国产欧美日韩另类|
5060午夜一级一片|
性一交一乱一视频免费看|
亚州无吗黄瓜视频有直播的不|
欧美性大战XXXXX久久久√|
农村老熟妇乱子伦视频|
黑人巨茎大战欧美白妇|
天下第一日本高清国语在线观看
|
久久发布国产伦子伦精品|
波多野结衣痴女系列88|