理解 HTTP 缓存机制

浏览器缓存能显著减少重复请求、加快页面加载。HTTP 缓存大致分为两类：强缓存和协商缓存。

强缓存

浏览器在有效期内直接使用本地缓存，不发送请求。主要由 Cache-Control 控制：

Cache-Control: max-age=31536000, immutable

协商缓存

缓存过期后，浏览器带上标识询问服务器资源是否变化，未变化则返回 304 Not Modified：

• Last-Modified / If-Modified-Since：基于修改时间；
• ETag / If-None-Match：基于内容标识，更精确。

实践建议

• HTML 文件使用 no-cache，保证每次都能拿到最新入口；
• 带哈希文件名的 CSS/JS/图片使用长期强缓存。