0

他们已经有很多关于许多 css 文件而不是一个的问题，解决方案是使用一个，因为 http 请求较少。这不是我要问的：P

我通常会使用两个 css 文件。一个用于整个站点，一个用于特定页面覆盖。

我背后的想法是它会加速 css，因为页面上的每个元素都不需要评估那么多 css 选择器。

要求客户端再下载一个可缓存的 css 文件似乎值得加快浏览器的渲染速度。特别是对于每个页面需要大量自定义 CSS 的大型网站或网站。

另一方面，页面文件将有额外的媒体查询。

您认为最好的解决方案是什么？

4

2 回答 2

1

我同意，如果您有具有不同类型页面的大型网站，您应该将您的 css 拆分为不同的文件。但是我认为这不应该基于页面。它应该在组件上制作。当您设计 CSS 时，您必须将页面拆分为模块。一个模块应该包含它的样式和它的媒体查询。我发现将媒体查询放在不同的文件中会导致开发缓慢。你甚至可能会得到类似 CSS 构造函数的东西。即一个选择特定模块的工具，将它们组合在一个文件中并像那样服务器。您仍然只有一个文件，但其内容不同。

对于 CSS 优化，请查看此工具http://bem.info/tools/csso/

于 2013-09-08T19:27:50.890 回答
1

虽然技术上正确的答案需要有关您的服务器性能、访问者行为以及您正在设计的网站类型的内部信息，但我想解释一下我是否使用一个或多个 CSS 文档的基本推理。

对于任何小型的基本站点，我都会坚持使用一个 CSS 文档，不问任何问题。但是，一旦网站变得更加复杂，可能会出现使用更多文档的情况。

如果一个网站有几个页面具有非常不同的 CSS 和/或标记，或者一次性类型的页面，例如活动登录页面，或者几个非常不同类型的内容，例如论坛或博客或类似内容，那么我认为在许多文档中拆分样式表是有意义的。

上述样式表的结构将再次取决于您正在设计的网站类型。诸如规范化/重置 CSS、一般结构和媒体查询等全局规则可以在一个文档中，而将特定于页面的规则保留在另一个文档中。

这对我来说很有意义，因为您的访问者可以缓存应该在每个页面上使用的基本结构，而无需下载您的博客或活动页面所需的所有 CSS，直到他们真正访问它。

于 2013-09-08T19:18:27.783 回答