标签: HTTP缓存

浏览器缓存包括内存、磁盘和Service Worker缓存。通过`Cache-Control`、`Expires`、`ETag`和`Last-Modified`控制强缓存和协商缓存。Service Worker支持离线缓存，需注意CORS。版本控制（文件名哈希）和明确缓存指令可避免常见问题。

当多个站点共享静态资源URL时，未设置`Vary: Origin`可能导致缓存污染，引发CORS错误。推荐方案为设置`Vary: Origin`并动态验证Origin，需监控缓存命中率。其他方案如通配符ACAO或URL版本化各有局限。关注Client Hints等未来标准可优化缓存。

本文深入探讨了浏览器缓存机制，包括缓存位置分类（Memory Cache、Disk Cache、Service Worker）和失效策略分类（强缓存、协商缓存）。重点解析了`Cache-Control`等HTTP头部字段对缓存行为的影响，以及`Service Worker`提供的更灵活的缓存控制方式。文章还介绍了启发式缓存，并提供了缓存策略的最佳实践。