浏览器的缓存机制

浏览器的缓存机制

1是什么？

把已经请求过一次的web资源（比如html页面，图片，js,data等），拷贝一份到浏览器缓存中。key=资源标识，value:数据。当下一次请求同样的资源一样，如果缓存数据没过期，会重缓存数据里面获取

2：为什么？

减少网络IO,减少宽带，降低服务器压力，响应更快，用户体验更好

3.缓存的规则

(1)新鲜度 优先级高于校验值

在两种情况下会取缓存数据：

（1.1）含有完整过期时间控制head信息，并且没有过期

（1.2）浏览器已经使用过该缓存副本，并且在一个会话中检查过新鲜度

(2)校验值

资源有一个标签值（hash5）。客户端访问服务器资源带上这个标签，如果服务器判断资源未更新，会返回304,告诉client缓存数据可用，并不会返回数据。特别是一些静态文件。如果过期则返回200和数据

4浏览器缓存控制流程

规则	消息包头	值/示例	类型	作用
新鲜度	expires	Mon, 15 Aug 2016 03:56:47 GMT	响应	Http1.0会使用，资源超时时间，有一个问题，客户端时间和服务器时间的一致性
	Cache-control	no-cache	响应	忽略缓存副本，实时获取资源，但不是不缓存
		no-store	响应	强制浏览器不缓存副本
		Max-age=[second]	响应	缓存副本的有效时间，资源在多少second之后超时
		public	响应	任何路径的缓存者（本地缓存、代理服务器），可以无条件的缓存改资源
		private	响应	只针对单个用户或者实体缓存资源
	Last-modify	Mon, 15 Aug 2016 03:56:47 GMT	响应	返回资源的时候返回该资源的1最近更新时间,隐患：最多具体到s
	If-modify-since	Mon, 15 Aug 2016 03:56:47 GMT	请求	如果该资源已经过期，客户端请求带上该字段，server可以判断该资源是否最新的，如果是，返回304，更新资源的过期时间等， 告诉客户端缓存资源依然可用
校验值	ETag	"fd56273325a2114818df4f29a628226d"	响应	根据资源内容或着其他方式生成的一个标识资源的符号
	If-None-Match	"fd56273325a2114818df4f29a628226d"	请求	当资源过期，带上该标识，原理如同modify_time

5.浏览器HTTP请求流程

6.用户行为与缓存

浏览器缓存行为还有用户的行为有关，具体情况如下：

用户行为	expires/cache-control	Etag/last-modify
地址栏回车	有效	有效
页面链接跳转	有效	有效
新开窗口	有效	有效
前进后退	有效	有效
F5	无效	有效
Crtl+F5	无效	无效

 

 

7.不能缓存的请求

1.http head告诉浏览器不用缓存

比如Cache-Control:no-cache，，或Cache-Control:max-age=0等告诉浏览器不用缓存的请求

2.http 没有协商缓存

比如head不存在cache-control,etag,last-modify等

2.https安全加密的无法缓存

3.Post请求无法缓存

4.head