我在想。我经常有一个global.css和一个单独的reset.css。但是在一个css文件中组合重置是不是更好/更聪明？ 使用less会不会做出更好的解决方案？
答案 0 :(得分：3)
更好/更聪明取决于您的重点是什么。您是否专注于快速加载，用户体验等？ 当然，快速加载也会影响用户体验。将代码减少到只需要的东西永远是第一步。 LESS可以帮助您减少所需的CSS总字节数。缓存也起着重要作用。内联代码无法缓存但加载速度很快。正如@ scrblnrd3所述，额外的HTTP请求会相对较慢。 将global.css和reset.css放在一个文件中会减少HTTP请求，如果是静态则可以缓存。 LESS也可以帮到你。 LESS主要编译成一个最终的CSS文件，而源文件可以拆分和结构化。在您的示例中，编译为main.less的主LESS文件可能如下所示：
@import "reset.css";
@import "global.css";
另请参阅：LESS: How can I include (concatenate) a css file without being processed?
对于纯粹的用户体验，您还必须考虑网站的首要部分，并使用此部分将CSS拆分为内嵌部件和延迟加载部件。如果您的global.css代码的主要部分不涉及您网站的首要部分，则拆分文件或代码可能是更好的解决方案。这样做的风险将是引入一个旧的FOUC。
答案 1 :(得分：2)
如果正在生产中，请将它们合并。 HTTP请求可能相当昂贵，并且它可以通过一个更大的文件和一个更少的HTTP请求更快地加载页面。如果每个页面都有一个大的全局和一个大的重置文件，这对总加载时间也会产生很大的影响。
但是，如果您仍在开发中，将它们分开可能是有益的，这样您就可以更轻松地查找，更改和添加内容