html - 减小css 样式大小和减少http请求哪个更有利于网站的加载速度。。。
天蓬老师
天蓬老师 2017-04-17 13:30:44
0
4
723

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

répondre à tous (4)
PHPzhong

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

    黄舟

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

      大家讲道理

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

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

        Ty80

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

          Derniers téléchargements
          Plus>
          effets Web
          Code source du site Web
          Matériel du site Web
          Modèle frontal
          À propos de nous Clause de non-responsabilité Sitemap
          Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!