为什么不使用多个 css 文件？

Question

所以我知道一般来说，将多个 css 文件放在网站的 head 标记中并不是最佳做法，因为您必须发出更多的 http 请求。因此建议我只使用一个大的 css 文件而不是较小的 css 文件。但是，将 css 文件分解为单独的较小文件，然后仅在需要它们的页面上链接这些单独的 css 文件是否有意义？所以说我的主页有自己的一套样式，我的关于页面显然会与我的主页不同，它有自己的一套样式。那么为什么不将 homepage.css 文件链接到 html 主页，然后只将 about.css 文件链接到 html about 页面呢？在每种情况下仍然只发出一个 http 请求，并且您可以拥有更小的 css 文件。有什么我想念的吗？

Answer 1

CSS 是缓存的，因此如果您要链接到主页上的大 CSS 文件（比如说 domain.com/css/homepage.css），那么用户会从您的主页转到 about 页面并调用同样的 homepage.css，但你的浏览器然后说“等等！我已经有了它！”它会跳过对文件的 HTTP 请求，从而不会产生额外的请求。

由于每个页面都有一个 CSS 文件，因此会请求几乎相同的 CSS 文件，这会不必要地浪费带宽。在较小的站点上这似乎没什么大不了的，但是在发生 1000 多个请求的较大站点上，额外的带宽加起来会导致更高的运营成本。

唯一的例外是当您使用某种响应式框架（如引导程序）时，无法（通过 CDN）编辑主引导程序文件或不切实际且难以维护（即引导程序更新时）您将丢失所有自定义），在这种情况下，您将拥有一个 bootstrap.min.css 文件和一个 custom.css，允许您保留自定义，同时仅略微增加带宽。