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

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

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


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


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


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

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


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

【热门文章】
【热门文章】