三十三、【vue面试题】性能优化-浏览器缓存策略（2021/5/3）

强缓存（状态码：200）

浏览器的缓存策略-强缓存

Cache-control

• pubric表示响应可以被客户端和代理服务器缓存- private表示响应只可以被客户端缓存
• max-age=3缓存30秒后过期，需要重新请求
• s-maxage=30覆盖max-age，作用一样，只在代理服务器中生效- no-store 不缓存任何响应
• no-cache资源被缓存，但是立即失效，下次会发起请求验证资源是否过期- max-stale=30 30秒内，即使缓存过期，也使用该缓存
• min-fresh=30希望在30秒内获取最新的响应

Expires

• 缓存过期时间，用来指定资源到期的时间，是服务器端的具体的时间点。也就是说，
• Expires=max-age＋请求时间，需要和last-modified结合使用。
• Expires是web服务器响应消息头字段，在响应http请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存取数据，而无需再次请求。

强缓存的两个状态：
from memory cache（从内存读取）
from disk cache（从硬盘读取）
css一般在disk（不经常变化）、js在memory里面

协商缓存（状态码：304）

• 缓存生效http状态码304
• 缓存不生效http状态码20o，走