如何减少http请求

老板说网站打开太卡了,想办法吧

减少http请求吧?减少了真的有用吗?

减少http请求是为了网站性能的优化,请求少了网站的性能肯定会提高

  • 首先将css,js压缩合并一下
  • 最简单常用的是合并图片,通过cssbackground-position来定位图片
  • 或者将图标是的图片的做成矢量图标文字
  • 还有一种data:url模式

//这个的缺点是,如果一张图片在多个页面被用到,无法利用浏览器缓存。为了解决这个问题,我们可以换个思路,把图片数据放在CSS文件里面定义,比如:

注意:移动端不建议用src="data:image...",性能非常不好。

  • 还有就是合理的利用浏览器缓存
    如果图片或者脚本,样式文件内容比较固定,不经常被修改,那么,尽可能利用缓存技术,减少HTTP请求次数或文件下载次数。
    命中浏览器缓存分为两类:强缓存,协商缓存。
    强缓存:不会发起HTTP请求,直接从浏览器缓存中读取文件。
    协商缓存:向服务器发起HTTP请求,如果资源文件并未更新,response响应码即为304,随后从浏览器缓存中下载该文件,并不会从服务器下载。

你可能感兴趣的:(如何减少http请求)