是否拆分了一个大的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。有不同的在线minifier可用，你可以尝试其中之一。例如，我经常从这里压缩我的css https://cssminifier.com/

Answer 3

如果太大，首先尝试使用在线工具缩小（压缩）CSS。查看“css minifier”等等。