以下哪些CSS規則呈現速度更快？

Question

我想知道哪一個出來的CSS規則之下可以更快地呈現：

#avriable_info table td {width: 250px; font-size: 13px;} 

或

#avriable_info table td { 
    width: 250px; 
    font-size: 13px; 
} 

Answer 1

由於大多數解析器在解析之前會對文件進行規範化，所以兩者都不會比其他解析器更快。例如擺脫空白和新線等。

現在，如果你有沒有被跨線gzip壓縮，然後一個巨大的文件中第一個將下載更快的客戶端比第二個，這將使瀏覽器開始之前較大的渲染它，較慢的一個。

Answer 2

不同的是兩個線路中斷。這種差異可以通過解析文件來消除，並且與CSS的解析時間相比是不可忽略的。

Answer 3

兩者都不會有明顯的差異。你的CSS中的幾條換行符可以讓渲染的CPU指令數不超過幾個。

也許如果你有一百萬行的CSS，你可能會注意到一毫秒的差異，但是如果你優化了這麼多（特別是在網頁上！），你就有更嚴重的問題需要擔心了（而且它們不是代碼相關！;-)）。