更少的CSS线获得更好的性能？

Question

显然有两组编码器：

组1：

#wrapper { 
 
\t margin: 0 auto; 
 
}

组2：

#wrapper {margin: 0 auto;}

什么方法最高效？第2组由于行数较少而获得更好的性能？

Answer 1

解析器将从上到下读取文件。所以越少的线条越好。在性能方面，第二个例子是优越的。但是缩小可以完全消除这个问题。

Answer 2

是的，它提高了性能，因此存在缩小工具。也就是说，不要像这样在单行中开始开发代码，因为没有可读性。

为了可读性编写代码，然后根据评论者的说法缩小结果。

Answer 3

考虑你的两个例子与一个以上的规则，而不是：

组1：

#wrapper { 
    margin: 0 auto; 
    padding: 10px 5px; 
    text-transform: uppercase; 
} 

组2：

#wrapper { margin: 0 auto; padding: 10px 5px; text-transform: uppercase; } 

第一种方法更易于维护并且对维护者更易读（通常是人类，并不总是保证）。如果你minify你的CSS和JavaScript，那么你的写作风格并不重要，因为缩小会为你处理这些问题。尝试粘贴我的组1代码cssminifier.com，看看会发生什么。