HTTP缓存策略、HTTP队头阻塞、HTTP2.0的概念你真的了解吗?

HTTP缓存策略http协议是什么?HTTP协议(超文本传输协议),简单来说就是一种网络传输协议, 浏览器请求服务器获取内容就是基于http协议或者https协议 。使得计算机可以在浏览器和服务器之间传输文字、图片、二进制、音频、视频等资源 。
既然http负责传输资源,那么缓存是必不可少的http缓存策略主要分为两种方式:

  • 强缓存 (浏览器端执行)
  • 协商缓存(服务器端执行)
优先级: 强缓存 > 协商缓存
所谓强缓存就是第一次请请求服务器的时候获取的两个字段【Expires】、【Cache-Control】.
强缓存【Expires】、【Cache-Control】Expires【Expires】:该字段是HTTP1.0版本提出的,是浏览器访问服务器时,由服务器在ResponseHeader字段中设置该资源过期时间:
Expires:Mon, 29 Jun 2020 11:10:23 GMT复制代码上面表示该请求在 29 Jun 2020 11:10:23 前使用缓冲资源,过后再次请求则请会请求服务器获取新的资源 。所以每次请求前浏览器都会判断Expires字段来决定使用缓存资源还是重新请求服务器 。
但是Expires的时间是在服务器的ResponseHeader中生成的,所以时间是相对于服务器时间的,一旦服务器时间跟浏览器本地时间不一致则会出现问题,所以Expores并不是一个很好的缓存方法,所以在HTTP1.1提出了【Cache-Control】字段 。
Cache-Control【Cache-Control】:该字段是HTTP1.1提出的,该字段的值是 过期时长(类似一种倒计时的功能),这样即使 服务器和浏览器日期时间不一致也不会导致Expires的问题,到了时间自动过期 。
Cache-Control:max-age=6000复制代码上面代码代表的是该请求的资源在6000秒后过期, 6000秒前使用缓存资源 。
注意事项:
  • 当Expires和Cache-Control同时存在时,优先使用HTTP1.1的Cache-Control
  • 当强缓存的【Expires】、【Cache-Control】都不命中时,则进入协商缓存 。
协商缓存协商缓存原理:浏览器第一次请求服务器时,服务器会判断Request Headers是否带有缓存标识,若不存在缓存标识,则在Response Headers添加缓存标识,并且返回新的资源 。
缓存标识分为两种:【Last-Modified】、【ETag】
Last-Modified这个字段表示最后修改时间,是指请求的资源的最后修改时间,在浏览器第二次访问服务器时,会在Request Headers的If-Modified-Since中带上该字段的值(值来自服务器),服务器接到请求后,会对If-Modified-Since的值与该请求资源的最后修改时间进行对比,若请求的资源最后修改时间大于If-Modified-Since的值,则返回新的资源,并重新设置Last-Modified字段的值 。
以上就是协商缓存:【Last-Modified】的整个执行过程 。
ETagETag是对请求资源的内容进行MD5算法,生成一个唯一的标识(hash值) 。只要资源文件有所改动,改值就会发生改变 。过程:
浏览器第一次请求服务器的时候,服务器会判断Request Headers中的【If-None-Match】是否包含值,若没有该字段则返回新资源,并在Response Headers增加ETag字段,ETag值为请求对应资源的内容生成的hash值 。
浏览器第二次请求时,会在Request Headers上添加【If-None-Match】字段,值为服务器返回的ETag的值,服务器接受到请求后,会与请求资源的MD5算法生成的hash值做对比,若相同则返回304告知浏览器使用缓存的资源,若不相同则返回全新的资源给浏览器,并且把新的资源hash值通过Response Headers的ETag字段返回给浏览器,浏览器在下次请求时带上 。
ETag 和 Last-Modified 对比
  • 性能上,Last-Modified > ETag,因为Last-Modified记录的是资源最后修改时间,而ETag则是记录MD5算法生成的文件内容的hash值 。
  • 精度上,ETag > Last-Modified,因为ETage是根据内容生成的hash值,对内容极其敏感,而Last-Modified只是记录资源最后一次修改时间 。
协商缓存 总结
  • Last-Modified: 在服务器生成,存在Response Headers的【Last-Modified】中,浏览器通过RequestHeaders中的【If-Modified-Since】字段把Last-Modified的值带给服务器 。
  • ETag : 在服务器中生成,存在Response Headers的【ETag】字段给带浏览器,浏览器通过Request Headers中的【If-None-Match】字段把【ETag】的值带给服务器 。
HTTP队头阻塞众所周知,服务器和客户端是经过三次握手创建TCP通道进行交流的,最后通过四次回收告别的 。
所以一次TCP通道的创建是需要消耗一定资源和时间的 。
那么在HTTP0.9之前,每发送一次请求就必须创建一次TCP通道,但是一个网站往往都需要发送几十个请求,那么就需要创建几十个TCP通道,那样岂不是很消耗资源?有没有什么方法可以解决呢?


推荐阅读