LESS/SASS CSS与缩小/优化相反？

Question

我想我能否说LESS/SASS CSS"预处理器(我认为它们被称为？)"与缩小等优化相反？我想知道是否会有明显的性能影响？或者你认为发展容易更重要？

我问这个是因为LESS CSS生成的东西是这样的

body #div1 #div2 p
body #div1 #div2 p a:link, body #div1 #div2 p a:visited
...

而且我觉得它真的能让我的CSS变得非常膨胀.正如你所看到的,这种特殊性并不是必需的,它使得阅读CSS变得困难(至少我在firebug中看到的).

Answer 1

您可能会感到惊讶，但具有重复代码块的 gzip 压缩 CSS 文件不应该比具有较短选择器的 CSS 文件大太多。

这要归功于压缩算法处理文件中重复字符串的方式。它不会两次包含相同的字符串，而是将第二次出现的字符串替换为对第一个字符串的引用，因此该字符串仅在压缩文件中出现一次。看一下生成的 CSS 文件中选择器的重复程度 - 这应该会使它们压缩得相当好。

当然，关键是确保您的 CSS 文件经过 gzip 压缩——不压缩它们肯定会增加文件大小。