84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
网站比较复杂,优化的时候想每个页面写一个单独的样式文件,但是这样会多一个http的请求,如果所有页面的样式都写在一起又会导致css样式文件比较大,想问下各位这两种方式比较一下,哪个比较好???
http
css
欢迎选择我的课程,让我们一起见证您的进步~~
我的个人看法是尽量减少http请求次数,所以不惜把所有css写在一个文件里,这样不论有多少个页面,对于css的请求都只有一次,而且一次之后再也不取了,因为已经存在浏览器缓存里了,即使访问任何页面,因为调用的都是同一个css文件,所以不会再发起http请求。解决css文件尺寸过大的问题可以通过nginx设置自动把css进行gzip压缩,可以有效减小css体积。只是个人看法,欢迎交流。
我觉得可以将公有的样式文件抽取成单个文件所共有,单独的样式文件再写在单独的文件内。这样既保证了代码的重用性,有减小了文件的体积。而且共有的文件可以走缓存。只是我的一点拙见,坐等大神回复。已收藏。
同样体积的文件,拆分成多个请求并不代表会更慢得到结果,因为浏览器会并发处理。所以建议不要考虑减少请求,而是应该把css、JavaScript文件都尽量使用引用的方式加入网页,让浏览器帮你做优化。
css的问题是这样的,既然刚才说了浏览器会做优化,这里就包括了帮你做缓存。好几个页面的css写在一起是不太好,建议把一些公共的样式放在一个文件中,每个页面去引用,这样只要下载一次就可以。而各个页面自己的的样式可以写在html中,也可以独立出来一个小的css,具体看css的代码量吧。
谢谢各位的回答,其实我想的是公共样式抽离,每个页面样式单独写,然后把公共样式和每个页面的样式合并为一个样式文件,http请求也就只发一次,同时保证了样式文件不至于太大。。。不知道这样子处理会不会有什么问题????
我的个人看法是尽量减少http请求次数,所以不惜把所有css写在一个文件里,这样不论有多少个页面,对于css的请求都只有一次,而且一次之后再也不取了,因为已经存在浏览器缓存里了,即使访问任何页面,因为调用的都是同一个css文件,所以不会再发起http请求。解决css文件尺寸过大的问题可以通过nginx设置自动把css进行gzip压缩,可以有效减小css体积。只是个人看法,欢迎交流。
我觉得可以将公有的样式文件抽取成单个文件所共有,单独的样式文件再写在单独的文件内。这样既保证了代码的重用性,有减小了文件的体积。而且共有的文件可以走缓存。只是我的一点拙见,坐等大神回复。已收藏。
同样体积的文件,拆分成多个请求并不代表会更慢得到结果,因为浏览器会并发处理。所以建议不要考虑减少请求,而是应该把css、JavaScript文件都尽量使用引用的方式加入网页,让浏览器帮你做优化。
css的问题是这样的,既然刚才说了浏览器会做优化,这里就包括了帮你做缓存。好几个页面的css写在一起是不太好,建议把一些公共的样式放在一个文件中,每个页面去引用,这样只要下载一次就可以。而各个页面自己的的样式可以写在html中,也可以独立出来一个小的css,具体看css的代码量吧。
谢谢各位的回答,其实我想的是公共样式抽离,每个页面样式单独写,然后把公共样式和每个页面的样式合并为一个样式文件,http请求也就只发一次,同时保证了样式文件不至于太大。。。不知道这样子处理会不会有什么问题????