为何设置Cache-Control为public, max-age=31536000后Safari仍不缓存图片

问题现象 #

• 同一图片在macOS系统的Chrome浏览器中可正常缓存，但在macOS或iOS系统的Safari浏览器中无法缓存。
• 该图片的响应头信息如下：

  Age: 2366102
  Expires: Fri, 16 Feb 2024 11:05:21 GMT
  Cache-Control: public,max-age=31536000,immutable

可能原因分析 #

1. Safari对immutable指令的兼容问题：尽管immutable是合法的缓存控制指令，但Safari的缓存解析逻辑与Chrome存在差异，部分版本的Safari可能对该指令的处理存在异常，导致缓存失效。
2. Expires时间设置冲突：当前Expires时间为2024年2月16日，若当前时间已超过该日期，尽管HTTP规范中max-age优先级高于Expires，但Safari可能会优先参考过期的Expires值，拒绝缓存资源。
3. HTTPS证书或跨域限制：Safari对HTTPS证书的合规性要求更严格，若图片域名的证书存在链不完整、过期等问题，会直接拒绝缓存；跨域场景下，Safari的缓存策略也会比Chrome更保守。
4. Safari本地缓存机制限制：如果Safari的缓存容量已满，或者针对该域名存在自动清理规则，也会导致无法缓存目标图片。

解决建议 #

• 移除immutable指令测试：暂时从Cache-Control中去掉immutable，重新部署后测试Safari是否能正常缓存，验证是否是该指令导致的兼容问题。
• 调整Expires时间：将Expires设置为与max-age匹配的未来时间（比如当前时间+31536000秒），避免与max-age产生时间冲突。
• 检查HTTPS证书：确认图片域名的HTTPS证书完整有效，符合Safari的安全校验标准。
• 清理Safari本地缓存：手动清空Safari的缓存（通过「开发」菜单→「清空缓存」，或系统设置→「隐私与安全性」→「管理网站数据」清除目标域名缓存），重新加载图片测试。

内容的提问来源于stack exchange，提问作者meotimdihia