AI 助理
备案控制台
开发者社区 问答 正文

CSS文件数量如何正确规划？

都知道CSS一般都尽量写入单个文件，可以减少请求数。但是同时，也增加了无效代码的下载量。
比如有首页和内页两个页面。首页和内页，虽然有部分CSS是相同的，可以共用，但是主体部分很多是不重复的。
所以从CSS内容来讲，应该分成三个文件。即通用CSS文件、首页用CSS文件和内页用CSS文件。这样不管访问哪个页面都不会下载多余的CSS代码。
但是，很明显，这样的做法，跟只有一个CSS文件相比，又增加了2倍的请求。
所以，这两种方式应该如何正确取舍呢？

展开
收起
浮生递归 2018-05-18 22:57:57 2816 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

3 条回答
写回答
取消 提交回答
  • zhouqicf

    也可以走combo，通过gzip以后重复部分会被压缩

    2020-03-31 22:39:25
    赞同 展开评论
  • 景庄

    参考下 bootstrap 的源文件，开发的时候用 scss 做 css 的模块化，发布的时候 bundle 为单个文件发布。

    https://github.com/twbs/bootstrap/tree/master/scss

    2019-07-17 22:26:38
    赞同 展开评论
  • xuning715

    cdn可以考虑一下

    2019-07-17 22:26:38
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS文件
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
在css开发中如何引用样式文件？
2055
1
0
CSS的文件是怎样的呢？
2080
1
0
为什么要引入css文件？
502
1
0
我存放在OSS里面的js文件和css文件访问的时候都乱码了，请问怎么回事呀
37450
26
0
HTML代码压缩与CSS文件代码压缩的特点是什么？
1736
1
0
oss文件到底咋更新，刷新了cdn还是显示为旧的更新时间，以及会缓存css文件？
1999
0
0
Tengine concat 组合JavaScript和CSS文件问题 ：报错
830
1
0
JSP页面好像引入不了js，css文件，需要设置什么吗？：报错
1474
1
0
nginx反向代理后 js css文件不加载：报错
1284
1
0
Jfinal的web-inf里的html文件引用js，css：报错
956
1
0