是否分割一个大的css文件？

Question

我的css文件非常大，不适合维护。我决定将其分成5个较小的部分，然后将它们全部导入到一个main.css中，如下所示：

@import url('menutop.css');
@import url('wraptop.css');
@import url('body.css');
...

整个网站会不会变慢？

这种方法还有其他缺点吗？

Answer 1

一个潜在的缺点是浏览器必须对服务器进行多个HTTP调用，才能知道要使用的样式。

一般来说，CSS小型化是一个很好的策略。事实上，许多站点在开发期间将CSS拆分，然后将文件捆绑在一起，并将它们缩小到一个blob中。

Answer 2

是的，有机会让你的网站慢慢来。如果css太大，您可以压缩它们。有不同的线上扫雷器都可以，你可以尝试其中之一。例如，我经常从这里压缩css，https://cssminifier.com/。

Answer 3

如果太大，首先尝试使用在线工具缩小(压缩) CSS。查看"css扫雷器“等。