更新css js同时更新客户端浏览器的缓存

最近对主题优化比较频繁,修改完主题,其他人访问你的博客,有可能访问的是之前缓存的样式。

我们暂时不去研究浏览器的缓存过期时间,或则是更新时间,更何况不同浏览器缓存机制也有差异,像我们这种经常修改主题的博主,客户端缓存就应该由我们自己来控制,随时更新!

浏览器缓存不仅提高访问速度,也缓解服务器压力,所以不可能在页头加入no-cache, no-store之类把缓存关掉,就算这么做了,不同浏览器也未必听你的。

有人通过修改css和js的路径来更新缓存,也是不可取的,这样做每次都要去改代码,也是非常麻烦的,还有人通过修改主题名字,这样虽然可以,但是有些主题参数会丢失的。

所以最好的方式就是给js和css加入版本号,比如:<script type="text/javascript" src="zy.js?version=3.1.2"></script> ,或则css文件href="style.css?version=3.1.2这样,后面参数对css和js文件没有影响,改变版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用。

当然,手动修改版本号也是麻烦的,最直接的就是使用时间戳作版本号,只要css和js更新,就自动更新版本号,比如:style.css?ver=1542474833。

添加新评论

已有 0 条评论