CSS文件数量如何正确规划?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

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

展开
收起
浮生递归 2018-05-18 22:57:57 2280 0
3 条回答
写回答
取消 提交回答
  • 也可以走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
    赞同 展开评论 打赏
  • cdn可以考虑一下

    2019-07-17 22:26:38
    赞同 展开评论 打赏
问答分类:
问答标签:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多