html - 减小css 样式大小和减少http请求哪个更有利于网站的加载速度。。。

Question

网站比较复杂，优化的时候想每个页面写一个单独的样式文件，但是这样会多一个 http 的请求，如果所有页面的样式都写在一起又会导致 css 样式文件比较大，想问下各位这两种方式比较一下，哪个比较好？？？

Answer 1

我的个人看法是尽量减少http请求次数，所以不惜把所有css写在一个文件里，这样不论有多少个页面，对于css的请求都只有一次，而且一次之后再也不取了，因为已经存在浏览器缓存里了，即使访问任何页面，因为调用的都是同一个css文件，所以不会再发起http请求。解决css文件尺寸过大的问题可以通过nginx设置自动把css进行gzip压缩，可以有效减小css体积。只是个人看法，欢迎交流。

Answer 2

我觉得可以将公有的样式文件抽取成单个文件所共有，单独的样式文件再写在单独的文件内。这样既保证了代码的重用性，有减小了文件的体积。而且共有的文件可以走缓存。只是我的一点拙见，坐等大神回复。已收藏。

Answer 3

同样体积的文件，拆分成多个请求并不代表会更慢得到结果，因为浏览器会并发处理。所以建议不要考虑减少请求，而是应该把css、JavaScript文件都尽量使用引用的方式加入网页，让浏览器帮你做优化。

css的问题是这样的，既然刚才说了浏览器会做优化，这里就包括了帮你做缓存。好几个页面的css写在一起是不太好，建议把一些公共的样式放在一个文件中，每个页面去引用，这样只要下载一次就可以。而各个页面自己的的样式可以写在html中，也可以独立出来一个小的css，具体看css的代码量吧。

Answer 4

谢谢各位的回答，其实我想的是公共样式抽离，每个页面样式单独写，然后把公共样式和每个页面的样式合并为一个样式文件，http请求也就只发一次，同时保证了样式文件不至于太大。。。不知道这样子处理会不会有什么问题？？？？