css - 是否拆分一个大的 css 文件?

标签 css

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

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

整个网站会不会变慢?
这种方法还有其他缺点吗?

最佳答案

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

一般来说,CSS 压缩是一个很好的策略。事实上,许多网站在开发过程中拆分 CSS,然后将文件捆绑在一起并将它们缩小为一个 blob。

关于css - 是否拆分一个大的 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41533877/

相关文章:

javascript - 交叉淡入淡出效果无法正常工作

html - 如何在CSS中做下面提到的形状

html - 是否可以相对于段落的最后一行定位?

jquery - 选择选项悬停

css - 如何在导航标签周围添加边框?

html - Bootstrap 模式无法与 Bootstrap 卡一起正常工作

html - 为什么我的 html 表单的密码输入字段有浅蓝色背景?

html - CSS 一半边框

jquery - 根据部分的动画导航栏

css - flexbox 粘性页眉和页脚问题