理解 HTTP 缓存机制

[liuxing]

理解 HTTP 缓存机制

原文链接： https://www.liuxing.io/blog/http-cache/

HTTP 缓存主要分强制缓存和协商缓存。强制缓存由 Cache-Control，Exipres （ HTTP1.0 ）控制。浏览器直接读本地缓存，不会再跟服务器端交互，状态码 200 。协商缓存由 Last-Modified / IfModified-Since，Etag /If-None-Match 实现，每次请求需要让服务器判断一下资源是否更新过，从而决定浏览器是否使用缓存，如果是，则返回 304，否则重新完整响应

[TOC]

• HTTP 缓存的类型
  • 强缓存
  • 协商缓存
• HTTP 缓存控制
  • Expires
  • Cache-Control
  • Last-Modified 、If-Modified-Since
  • Etag 、If-None-Match

[FaiChou]

「浏览器直接读**本地缓存**，不会再跟服务器端交互，状态码 200 」:
缓存不只有本地缓存, 还有 CDN, 网关缓存, 反向代理缓存等

其余的地方没问题, 有兴趣可以用 js 实现一下上述缓存逻辑. 加油

[liuxing]

@FaiChou 感谢回复，

[jojobo]

作者写的还是不错的，这里我补充一点缓存位置，
浏览器会将请求的资源缓存起来，那么会缓存到哪里呢？按优先级从高到低分别是：
1.service work 。PWA 的重要实现机制
2.Memory cache 。内存缓存
3.Dish cache 。磁盘缓存
4.Push cache 。推送缓存，HTTP/2 的内容

[liuxing]

@jojobo 感谢补充