使CSS渲染效率提高的好方法
2011/1/26 17:05:07
超級快速,零實用性
我們知道ID’s 是最高效的選擇器。當你想讓渲染速度最高效時,你可能會給每個獨立的標簽配置一個ID,然后用這些ID寫樣式。那會超級快,也超級荒唐。這樣的結果是語義極差,維護難到了極點。即使在核心部分你也不應該見過這樣做的。我認為這個可以提醒我們不要為了高效的CSS放棄語義和可維護性。
實用性
還刻前面提到的Mozilla的一篇文章?已經有十年了。事實是:計算機比十年前變慢了。我感覺這東東在當年似乎還更受重視。十年前我還是個21歲的英俊小生,當然我不覺得那里我會認識css這東東。不管怎樣上面提到的東東都是有意義的,你可以按照上面的方法去做,因為它并不會限制你的CSS制作。但你也沒必要太教條主義。如果你是個完美主義者,而之前又沒有考慮過那東東,那是時候去重新看一下你之前寫的一些樣式是否有改進的地方了。如果你沒發現你的網站明顯的渲染緩慢,那大可別太在意,在以后的工作中多注意就行了。
從右到左
瀏覽器如何讀取你的CSS選擇器有一個很重要的原則,那就是它們從右到左讀取。這意味這像 ul > li a[title="home"] 這樣的選擇器,a[title="home"] 將是最先被讀取的。這一部分通常被稱為 “key selector”選擇器的最后一部分,也是被選擇的標簽。ID’s 是最有效率的,通用符是最慢的有四種目標選擇器:ID, class, tag和通用符。
一個選擇器渲染失敗比這個選擇器被渲染更高效
我不是很確定是否有更好的證據去證明這一點,因為如果你有大量的選擇器在CSS樣式表里無法找到,這樣的事情貌似很離奇,但一點必需注意的是,從右到左的解釋一個選擇器來說,一旦它找不到,那它就會停止嘗試。然而如果它找到了,那它就需要花更多精力去解釋了。
不要用標簽修飾
ID’s 是唯一的,所以不需要用標簽修飾,這只會讓它更低效。如果你可以避免的話,也不要用它修飾 class 。class 不是唯一的,所以理論上你可以把它用在不同的標簽。如果你愿意的話,你可以用標簽控制不同的樣式,這樣你可能需要標簽修飾(比如:li.first),但這樣做的人很少,所以,don’t .絕對沒有比用后代選擇器更糟糕的做法了
返回列表
返回首頁
主站蜘蛛池模板:
亚洲AV永久无码精品网站在线观看|
啊灬啊灬啊灬快灬深用力点|
97人洗澡人人澡人人爽人人模|
手机小视频在线观看|
久久网免费视频|
欧美卡4卡1卡2卡3超清免费|
亚洲视频在线观看免费视频|
精品国精品自拍自在线|
国产乱码精品一区二区三区四川人|
久草网视频在线|
国产精品污WWW一区二区三区|
99蜜桃在线观看免费视频网站|
忍住北条麻妃10分钟让你中出|
久久99中文字幕|
日本道v高清免费|
乱人伦老妇女东北|
欧美巨大另类极品videosbest|
人人妻人人澡人人爽人人精品|
第一福利在线观看|
又黄又爽一线毛片免费观看
|
欧美亚洲校园第一页|
亚洲男女内射在线播放|
男人的天堂在线免费视频|
动漫人物差差差动漫网站|
老头天天吃我奶躁我的动图|
国产传媒在线观看视频免费观看|
免费h片在线观看网址最新|
国产精品女人在线观看|
91av在线导航|
国内外成人免费视频|
99久久国产综合精品麻豆|
女人与大拘交口述|
一二三四在线观看高清|
性做久久久久久|
中文天堂网在线最新版|
无人高清影视在线观看视频|
久久久久777777人人人视频|
日本哺乳期网站xxxx|
久久国产精品最新一区|
日韩影视在线观看|
久久精品国产亚洲欧美|