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/