减少CSS行以获得更好的性能？

Question

显然有两组编码员：

第1组：

＆＃13;

＆＃13;

#wrapper {
	margin: 0 auto;
}

＆＃13;

＆＃13;

＆＃13;

第2组：

＆＃13;

＆＃13;

#wrapper {margin: 0 auto;}

＆＃13;

＆＃13;

＆＃13;

哪种方法最有效？第2组因为线路较少而获得更好的性能吗？

Answer 1

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

Answer 2

考虑使用多个规则的两个示例：

第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，那么您的写作风格将无关紧要，因为缩小将为您解决此类问题。尝试在cssminifier.com上粘贴我的第1组代码，看看会发生什么。

Answer 3

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

为了便于阅读而编写代码，然后按照评论者的说法缩小结果。