网站首页 >> 资讯 >> 正文
标题

网站缓存策略:合理设置浏览器缓存

7℃  
内容

网站缓存策略:合理设置浏览器缓存

缓存能让网站加载更快,但设置不当可能导致用户看到旧内容。这篇文章说说怎么制定合理的缓存策略。

缓存的好处

静态资源缓存后,用户再次访问直接从本地读取,不用下载。省流量,加载快,体验好。

缓存控制方式

Cache-Control:最常用的HTTP头,max-age设置缓存时间。public表示可以被任何缓存,private只被浏览器缓存。

Expires:设置过期时间点,不如Cache-Control灵活,可以作为备用。

ETag:文件内容的哈希值,文件变了ETag也变,用于验证缓存是否有效。

不同资源的缓存策略

图片、字体:不常变,缓存时间长,比如一年。

CSS、JS:可能会更新,缓存时间适中,比如一周或一个月。用文件名哈希,更新后URL变,强制刷新。

HTML:经常更新,缓存时间短,或者不缓存。

缓存清理

文件更新了,怎么让用户拿到最新版?改文件名最有效,比如style.a1b2c3.css。或者改URL参数,style.css?v=2。

缓存策略要根据业务特点制定,定期 review 调整。