HTTP的场景缓存策略分析 | 青训营

120 阅读4分钟

浏览器:Google Chrome

缓存策略分析:

Google Chrome浏览器使用了一种称为HTTP缓存的机制来提高网页加载速度。以下是一些常见的缓存策略:

  1. 强制缓存(Cache-Control和Expires):
  • 当浏览器发送请求时,服务器会返回一个响应头,其中包含了缓存的过期时间(Expires)或者最后修改时间(Last-Modified)。

  • 如果缓存的过期时间或最后修改时间在当前时间之后,浏览器将直接从缓存中加载页面,而不是发送请求到服务器。

  • 这种缓存策略可以减少网络流量和服务器的负载,但是如果缓存时间设置过长,可能会导致用户看到过期的内容。

    • Cache-Control:浏览器通过该响应头来决定是否缓存该资源以及缓存的有效期。常见的指令有:

      • public:表示该资源可以被所有用户缓存。
      • private:表示该资源只能被特定用户缓存。
      • max-age:表示缓存的有效期,单位为秒。
      • no-cache:表示缓存该资源,但在每次请求前都要向服务器确认是否使用缓存的内容。
      • no-store:表示不缓存该资源。
    • Expires:指定缓存的过期时间,是一个具体的日期时间。

  1. 协商缓存(Last-Modified和ETag):
  • 如果缓存的过期时间或最后修改时间在当前时间之前,浏览器将发送一个带有If-Modified-Since或If-None-Match的请求头到服务器。
  • 服务器会根据这个请求头判断是否需要返回新的内容。如果内容没有改变,服务器将返回一个304 Not Modified的响应,告诉浏览器可以使用缓存的内容。
  • 如果内容有更新,服务器将返回新的内容,并且更新缓存的过期时间或最后修改时间。
  • 这种缓存策略可以减少网络流量和服务器的负载,并且确保用户看到最新的内容。
    • Last-Modified:服务器在响应头中返回该资源的最后修改时间。浏览器在下一次请求时会发送If-Modified-Since头,如果资源的修改时间与服务器上的一致,则返回304 Not Modified,表示可以使用缓存的内容。
    • ETag:服务器在响应头中返回该资源的唯一标识符(通常是哈希值)。浏览器在下一次请求时会发送If-None-Match头,如果资源的ETag与服务器上的一致,则返回304 Not Modified,表示可以使用缓存的内容。
  1. 预加载:

    • 当浏览器解析HTML文档时,它会发现一些标签或者HTTP响应头中的Link字段,其中包含了需要预加载的资源。
    • 浏览器会根据这些信息发送额外的请求去加载这些资源,并且将它们缓存起来,以便在用户访问相关页面时可以快速加载。
    • 这种缓存策略可以加速页面的加载速度,但是如果预加载的资源过多或者过大,可能会导致网络流量增加。
  2. 内存缓存:

    • Chrome使用内存缓存来存储最近访问的资源,包括HTML、CSS、JavaScript、图片等。
    • 内存缓存的优势是读取速度非常快,但是缺点是缓存的大小有限,一旦超出限制,旧的缓存将会被清除。
    • 内存缓存适用于频繁访问的资源,可以提高页面的加载速度。
  3. 硬盘缓存:

    • Chrome使用硬盘缓存来存储长时间不用的资源,以便在下次访问时可以快速加载。
    • 硬盘缓存的优势是可以存储更多的资源,并且可以持久保存,但是读取速度相对较慢。
    • 硬盘缓存适用于不经常变动的资源,可以减少网络流量和提高页面的加载速度。

总结:Chrome的缓存策略通过强缓存、协商缓存、预加载、内存缓存和硬盘缓存等多种机制来提高页面加载速度和减少网络流量。通过合理设置缓存的过期时间和最后修改时间,可以保证用户看到最新的内容,并且通过预加载和内存缓存来加速页面的加载速度。