浏览器缓存

强缓存

不会向服务器发送请求,直接从缓存中读取资源

设置强缓存：

expires(http/1.0,时间格式GMT)

表示相应头里的过期时间,浏览器再次加载资源时如果在时间之内在命中缓存。

cache-control(http/1.1,单位 秒)

max-age(表示缓存内容在 xx秒后消失)

no-cache(要根据协商缓存是否需要缓存客户端)

no-store(所有内容都不会被缓存)

public(所有内容都将被缓存包括客户端和代理服务器)

private(所有内容只有客户端可以缓存)

s-maxage(只用于共享缓存和max-age效果一样,只是max-age 用于普通缓存)

 

协商缓存

当协商缓存生效时,返回304和Not Modified

它指的是强制缓存失效后,浏览器携带缓存标示向服务器发起请求,由服务器决定是否需要使用缓存。

设置协商缓存

Last-Modified和 If-Modified-Since

Last-Modifeds是服务器返回资源同时在header添加的,表示这个资源在服务器上最后修改时间,浏览器接受后缓存文件和header。

浏览器下次请求时，检测是否有Last-Modified字段,如果存在则在请求头添加 If-modified-Since该字段值就是上次服务器返回的值

如果没有变化则返回304直接从缓存中读取，否则返回新资源ETag和If-None-Match

Etag是上一次加载资源时,服务器返回的。它的作用是唯一用来标示资源是否有变化。

浏览器下次请求时将ETag值传入If-None-Match中,服务端匹配传入的值与上次是否一致，如果一致返回304否则返回新资源和新的ETag