http缓存再网络性能优化中很重要的地位,总的来说,http缓存分为两个大类,强制缓存和对比缓存。
强制缓存是靠设置缓存失效时间,在有效时间内,缓存不会失效,浏览器会直接从浏览器缓存中读取资源。
强制缓存主要是靠设置header中的expires和cache-control两个字段
cache-control主要设置项有以下几个选项:
private: 客户端可以缓存
public: 客户端和代理服务器都可缓存(前端的同学,可以认为public和private是一样的)
max-age=xxx: 缓存的内容将在 xxx 秒后失效
no-cache: 需要使用对比缓存来验证缓存数据(后面介绍)
no-store: 所有内容都不会缓存,强制缓存,对比缓存都不会触发(对于前端开发来说,缓存越多越好,so...基本上和它说 886)
expires也是设置失效时间,但是权重会低于max-age,另外expires主要应用在http,现在大部分浏览器是http1协议,expires用的比较少。
说明:在 没有指定cache-control时,浏览器会指定默认值吗?
http模块不会指定默认缓存
http-server会默认指定
上面的例子是http-server起服务,默认是有设定缓存信息的。
对比缓存:
请求一:首先向服务端发起一个请求,以获得缓存标识符,这次请求只会有返回只有响应头,没有body部分,返回后存储到缓存中
请求二:将缓存标识符发送给服务端,服务端如果比对成功,返回304状态码,告诉客户端可以使用缓存,如果比对不成功,直接返回新的资源。
第一次访问:
再次访问
说明:对于对比缓存来说,缓存标识的传递是我们着重需要理解的,它在请求header和响应header间进行传递,
一共分为两种标识传递
基于时间的:Last-Modified / If-Modified-Since
Last-Modified:
服务器在响应请求时,告诉浏览器资源的最后修改时间。
If-Modified-Since:
再次请求服务器时,通过此字段通知服务器上次请求时,服务器返回的资源最后修改时间。
服务器收到请求后发现有头If-Modified-Since 则与被请求资源的最后修改时间进行比对。
若资源的最后修改时间大于If-Modified-Since,说明资源又被改动过,则响应整片资源内容,返回状态码200;
若资源的最后修改时间小于或等于If-Modified-Since,说明资源无新修改,则响应HTTP 304,告知浏览器继续使用所保存的cache。
基于标识的:
Etag / If-None-Match(优先级高于Last-Modified / If-Modified-Since)
Etag:
服务器响应请求时,告诉浏览器当前资源在服务器的唯一标识(生成规则由服务器决定)。
If-None-Match:
再次请求服务器时,通过此字段通知服务器客户段缓存数据的唯一标识。
总结
对于强制缓存,服务器通知浏览器一个缓存时间,在缓存时间内,下次请求,直接用缓存,不在时间内,执行比较缓存策略。
对于比较缓存,将缓存信息中的Etag和Last-Modified通过请求发送给服务器,由服务器校验,返回304状态码时,浏览器直接使用缓存。