假设您运行的是一个非常大的电子商务网站，每天有数百万的网页浏览量。
显然，您希望缩小和组合您的css文件以减少请求，但是您真的想将整个站点合并到一个文件中吗？好处是，一旦大型css文件被缓存，其余页面将快速运行，但第一个文件是野兽。而你很可能有数百行未使用的CSS。
将它分成几块会更好，这样你会得到类似的东西：
全球和主页
Global and ProductsCheckout
关于额外功能/信息页面的全局和功能
当然，您需要加载3个不同的文件，但这些文件较小。 homeapge加载速度很快，如果直接结账，您可能永远不需要功能文件。
答案 0 :(得分：0)
所以似乎明智的做法是将css文件分成不同的部分并在每页上加载2个css文件，具体取决于部分。
以下是CSS技巧的示例：http://css-tricks.com/one-two-three/
Global = main.css + grid.css + typography.css + buttons.css + print.css
Site section A = tabs.css + editor.css
Site section B = forms.css + video.css + details.css
此系统有助于减少加载到每个页面上的未使用CSS的数量，利用缓存，并确保访问者首先访问的页面将快速加载。