KNOWLEDGE / NOTE
HTTP 缓存
MDN · 站内原创整理
Cache-Control、ETag 和 Last-Modified 共同决定资源是否复用,缓存策略要和内容更新频率匹配。
核心说明
HTTP 缓存的目标是避免重复传输相同资源。Cache-Control 决定缓存策略,ETag 和 Last-Modified 让浏览器可以询问资源是否发生变化。
关键点
- 带内容指纹的静态资源适合长时间缓存,HTML 入口通常需要更谨慎。
- ETag 命中时服务器可以返回 304,节省响应体但仍会发生请求。
- 缓存策略必须和发布方式一起验证,不能只看浏览器开发工具里的 Size。
资料来源 在官方文档中核验:MDN ↗