最小化CSS规则VS单个样式表文件

时间:2014-05-05 09:45:27

标签: css performance browser

为了更好的回流处理,应该避免使用未使用的CSS规则,因为浏览器会花时间尝试找到匹配所有这些规则。但是,在现实生活中,我们拥有包含许多页面,弹出窗口和不具备的网站,并且它也是使用尽可能少的HTTP请求的最佳实践,并且在大多数情况下它最好创建一个包含所有内容的单个CSS文件(并且该文件将被缓存)。因此,这两种性能最佳实践方法似乎相互冲突,因为通过创建单个文件,它将填充大多数时间(每页)不使用的规则,并通过拆分它取决于许多样式表文件,并且仅使用页面(或组件)所需的那些将导致许多HTTP请求被触发并且可能也难以管理。

那么,什么是最好的?减少重排比减少HTTP请求更好吗?

关于此事的一些链接
https://developers.google.com/speed/docs/best-practices/payload#RemoveUnusedCSS https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

1 个答案:

答案 0 :(得分:0)

警告:不回答问题(我误读)

解决问题的一种方法是使用样式表扩展语言,例如SASSLESS。这大大改善了组织CSS的方式,因为它允许将多个SASS / LESS文件编译成单个最小化的CSS文件。它还提供了额外的功能,对于任何具有复杂样式表的人来说都应该派上用场,比如mixins,定义等等。

不幸的是,如果您无法使用SASS或LESS,我无法找到最佳做法或良好平衡的答案。