前端性能优化 强制刷新客户端缓存

原创 丶Mythy 随笔 cache 357阅读 2017-05-27 00:09:35 举报

在码完前端静态页面后,一般都会上传到测试空间,然后发测试页面地址给客户看一下效果。当然一般都少不了会收到客户发的修改文档。 但是呢,在你修改完之后,上传到空间,本地测试一般是没问题的,唯独客户的浏览器不行,看不到效果,所以,就要用到网页强制刷新缓存的技术。

禁止浏览器缓存当前页面的内容和数据

<meta http-equiv="Pragma" content="no-cache">

浏览器每次请求页面都会访问服务器

<meta http-equiv="Cache-Control" content="no-store" />

如果上面的效果不明显,尤其是在手机端QQ自带的浏览器,个人测试过几个站点,都没什么效果,所以还需要用到下面这个动态刷新日期的代码。

<link rel="stylesheet" type="text/css" href="css/style.css?v=20170525">

通过修改问号后面的v=值 就可以刷新手机端的样式文件

<link rel="stylesheet" type="text/css" href="样式文件.css?v=20170526">

exp:

前端性能优化强制刷新客户端缓存

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复