模块化CSS的技术

Question

我想开始使用模块化CSS，但我无法找到实现它的最佳方法。我以为我可以使用bridging technique，我的HTML中有一个，然后是每个模块的@import语句。虽然我喜欢该方法的简单性，但我担心它对性能的负面影响，因为@ import-ed样式表将在以后下载而不一定是并行下载。所以我想知道是否有其他流行的技术来实现模块化CSS。我真的不想做多个标签因为PageSpeed和Yslow抱怨这么多样式表（虽然我知道它实际上比@import更有效）。理想情况下，我想将样式表合并到服务器上，因此浏览器只需要一个样式表。

Answer 1

这里肯定建议使用服务器端包含将“模块”组装到服务器端的一个样式表中。所以在服务器上有一些缓存，所以它不必在每个请求上进行汇编。有许多技术可用于此，但您的消息不包含有关您的软件堆栈的任何信息。

Answer 2

查看Compass CSS Framework。它通过mixins支持模块化CSS，通过添加变量，算法和包括样式框架（如Blueprint）使CSS更加愉快。

Answer 3

如何做到这一点时要非常小心。缓存是您的朋友，如果您选择提供有目的的服务器端生成的CSS页面，您将失去缓存的好处。这是经典的鸡肉和鸡蛋问题。你是预加载和缓存所有的CSS并采取预先打击，或自定义加载每个页面并在每个页面更改受到影响？只有你知道什么是最好的。

不要太过分了。我曾经在大型商店工作，其中一个小的缩小变化导致每天5千克的改进（有数百万独立）...但我工作的大多数网站根本不会看到任何收益。如果你有时间在你手上，那就去坚持吧。否则，根据需要调整您的响应比例。那些优化者报告理想条件，我们都知道在现实生活中并非如此。尝试在某些主要网站上运行优化器（不要错过尝试验证它们）。这可以让网络极客变得更好。