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

网站静态资源版本管理:更新缓存不用愁

7℃  
内容

网站静态资源版本管理:更新缓存不用愁

网站更新后,用户浏览器可能有缓存,导致看到的还是旧页面。静态资源加版本号是解决这个问题的好方法。

最简单的方式是文件名加hash。比如 style.a1b2c3.css,文件内容变化hash就变化,浏览器就会重新请求。

也可以用查询参数版本。比如 style.css?v=1.0.1,更新时改参数值。但这种方式可能被CDN忽略。

自动化工具可以帮忙。Webpack、Gulp等构建工具都有插件自动给资源加版本号。

大版本和小版本策略要分清。CSS小改可以用小版本号,框架升级是大版本,可能需要换路径。

资源预加载可以让更新更平滑。HTML里用link preload提前加载关键资源,用户下次访问时已经是新版本了。