css - CSS 微优化

Question

我正在考虑对一个巨大的 CSS 样式表进行微优化，并且有几个与此相关的问题：

1. 在减小文件大小方面，小写比大写更好吗？
2. 是背景位置：右（5个字符）；小于背景位置：0 100%；（6个字符包括空格）？

还有什么可以帮助减小文件大小的吗？（当然，除了合并 CSS 选择器、属性等，我必须手动完成）

谢谢

Answer 1

你会更好地为 css gzipped 服务，而不是担心这样的事情。

Answer 2

1. 字符大小写无关紧要，字节数没有区别。
2. 这取决于浏览器：

第一条语句短了一个字节，但它也有不同的含义。

一般来说，文件大小并不是计算速度的唯一因素。它还取决于浏览器解释它的难度。因此，任何过于聪明的 CSS 构造都可能会从总大小中挤出一些字节，但解析过程本身可能需要更长的时间。

回到你的例子：第二条语句可能有点慢，不仅仅是因为额外的空间，而且值由两个标记组成，并且取决于背景的内部表示，浏览器可能必须做一些单位换算。另一方面，关键字查找也可能需要更多时间，因此它确实特定于某个浏览器实现。很可能任何收益都在纳秒范围内，您不应该为这种优化而烦恼，因为它很可能不会得到回报。但是如果你真的想这样做，你必须分析，即测量加载时间。

一般来说，删除所有注释和所有不必要的空格就足够了，但永远不要对那个“缩小”的源代码进行任何开发工作。保留原始版本并在需要时重新创建压缩版本。

有关此主题的更多信息：www.minifycss.com和this。

Answer 3

听起来这很麻烦，如果你想获得更好的性能，你最好把时间花在其他地方。您知道 Steve Souders 在高性能网站上的工作吗？http://stevesouders.com/hpws/