css - 我需要你对 CSS 优化的意见

Question

最近我阅读了很多 CSS 优化，我注意到几乎每篇文章都建议将所有样式放在一个文件中。

我理解这背后的想法，但这是否实用？我的意思是我在一个相当大的元素中工作，现在我有大量的样式。我认为在一个文件中维护所有内容将非常困难。

我的问题是:性能提升如此之大，足以证明将所有内容都放在一个文件中的复杂性是合理的吗？

谢谢!

埃德加。

更新

澄清一下，我确定需要优化 CSS。实际上，我有一个最小化和压缩 CSS 文件的流程，我会尽我所能避免重复。

我的疑问是排他性的使用一个大文件与多个文件的做法。

让我们举个例子:

我的应用程序有多个模块，例如:联系人、元素、会计、HHRR 等。

我为每个模块准备了一个 CSS 文件，外加一些其他通用 CSS 文件，例如:重置、布局、表单等。

当我使用 CONTACTS 模块时，我会加载常规文件和 contact.CSS 文件。我跳过其余的 CSS，因为不需要它们。

现在算一下，假设每个 CSS 文件大约为 10KB，

我目前的方式:

• 一般文件约50kb 约5
• 下载一般文件的请求
• 客户文件中约 10k
• 下载请求。

这总共约60kb和6个下载请求。

单文件法:

• 一个文件大约120kb(所有文件加起来包括暂时不用的样式)
• 一个下载请求。

那么，在您看来，使用一个大文件和一个下载请求的有益 yield ，证明实现一种将所有文件组合在一起的方法的所有额外工作以及所有这些麻烦是合理的吗？

Answer 1

为了开发，将它们分开。 CSS 很快就会变成一场噩梦。对于生产环境，您应该建立一个流程来将所有文件合并、缩小和压缩成一个文件。