前端性能优化(三)协议处理
乔文飞 Lv8

http请求的代价是昂贵的

HTTP 缓存,对于前端的性能优化方面来讲,是非常关键的,从缓存中读取数据和直接向服务器请求数据。

协议缓存规则

浏览器发起请求,服务器响应请求。在这个过程中,双方协商了两种方式来规定缓存规则。

  • 强缓存:
    浏览器在加载资源时,根据请求头的 ExpiresCache-control 判断,是则直接从缓存读取资源,不会发请求到服务器。
    优先级高于协商缓存
    强缓存命中
    强缓存未命中
  • 协商缓存
    如果没有命中强缓存,加载资源的请求会发送到服务器,通过 Last-ModifiedEtag 验证资源是否命中协商缓存,如果命中,服务器会将这个请求返回304(Not Modified),但是不会返回这个资源的数据,依然是从缓存中读取资源。
    协商缓存命中
    协商缓存未命中
    如果前面两者都没有命中,直接从服务器加载资源。
  • 本文标题:前端性能优化(三)协议处理
  • 本文作者:乔文飞
  • 创建时间:2020-07-21 09:28:22
  • 本文链接:http://www.feidom.com/2020/07/21/前端性能优化(三)协议处理/
  • 版权声明:本博客所有文章为作者学习笔记,有转载其他前端大佬的文章。转载时请注明出处。