合并两个CSS文件会改善网页性能吗？

Question

我的网页使用2个CSS文件。两者都包含一些样式，但不很多。将这两个文件合并到一个CSS文件中会提高网页性能吗？

谢谢

Answer 1

让CSS散布在文件上并不会真正对您的加载速度起到任何作用。 （我通常会为大型动画，大型内容块等保留不同的css文件）

但是请注意文件夹。始终将所有CSS放在一个文件夹中（不要散布到整个目录中）。

也css缩小（https://cssminifier.com/）将最小化的文件保留在页面上，编辑常规文件，然后将其缩小并再次加载缩小的文件。我相信这对加载速度最有帮助。

Answer 2

不，是一样的。 可以通过一些不同的方式来提高性能（例如，删除未使用或重复的样式）。

Answer 3

是的，但不会期望性能有较大变化。您只能保存几个KB。删除css文件中的所有空白会有所不同（但是保留文件副本，删除空白后将很难编辑文件），但就大小而言，您将不会做任何更改区别。但我建议您这样做，因为您的站点下载的“链接”较少，并且更接近SEO规则。

Answer 4

Please read this article

减少代码气味，javascript放置，限制css / html动画，图像/资产/脚本的缓存管理以及编写质量查询（更重要的是，嵌套子查询）将提高性能。合并css文件只会损害代码管理。

最小化资产和/或将css转换为sass / scss或更小将提高性能，而不是css文件合并。