欢迎您来到腾讯云!积分商城

腾讯云腾讯云论坛

 找回密码
 立即注册
忘了密码?

扫一扫,访问微社区

快捷导航
搜索
查看: 351|回复: 0

[经验分享] 浏览器的缓存行为与max-age的关系

[复制链接]

38

主题

0

好友

1879

积分

攻城师[LV3]

Rank: 3Rank: 3Rank: 3

云币
5442
威望
1879
发表于 2017-12-15 15:48:14 |显示全部楼层 |未分类
请求概述:
01.png


首次请求
http://local.bigmen.cn/max30.txt
http://local.bigmen.cn/max2000.txt

01 max-age内,再次请求(非刷新)
http://local.bigmen.cn/max2000.txt
浏览器提示命中了本地cache
网络没有流量到服务器
02.png


02 max-age过期后,再次请求
http://local.bigmen.cn/max30.txt
会带上If-Modified-Since: 去请求,如果文件没有修改,则返回304。只是返回头,没有返回内容
同时更新本地的缓存+max-age
03.png


03 max-age内,普通刷新
与max-age过期一样
04.png


04 max-age内,强制刷新
QQ浏览器curl+F5
类似于全新请求,请求头带上no-cache
05.png

关于Pragma的介绍
在 HTTP/1.0 中规定的通用首部,它用来向后兼容只支持 HTTP/1.0 协议的缓存服务器,那时候 HTTP/1.1 协议中的 Cache-Control 还没有出来
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Pragma

05 max-age内,文件更改
直接请求,命中本地缓存,不会请求到服务器,其不知道服务器上文件已经更改。
02 - 副本.png


刷新,带上If-Modified-Since: 去请求,文件更新,更新文件,返回200
06.png

您需要登录后才可以回帖 登录 | 立即注册
您需要登录后才可以发帖 QQ登录

联系我们|腾讯云平台|积分商城|腾讯云官方论坛    

GMT+8, 2018-5-21 05:31 , Processed in 1.176005 second(s), 32 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部