浏览器的缓存

https://segmentfault.com/a/1190000019185648

1.png

缓存的作用：

减少网络带宽消耗：
当web缓存副本被使用时，只会产生极小的网络流量，可以有效降低运营成本。
降低服务器压力：
给网络资源设定有效期之后，用户可以重复使用本地缓存，减少对源服务器的请求，间接降低了对服务器的压力。
减少网络延迟：
缓存的使用可以明显加快页面打开速度，达到更好的用户体验。

缓存策略

强缓存和协商缓存

image.png

使用场景：

不常变化的资源使用强缓存
1、比如你网站的图片已经确定十几年都不会变化，那么就可以设置它的过期时间久一点，这样就减少了http请求。
2、如果要解决文件更新了但是max-age没有到期的情况，就需要在URL上面添加hash，版本号等信息。

频繁变化的资源
用协商缓存，使用Cache-Control: no-cache 使浏览器每次都请求服务器，可以显著减少响应数据的大小。

cache-control中的no-store、no-cache区别

• no-cache是会被缓存的，只不过每次在向客户端（浏览器）提供响应数据时，缓存都要向服务器评估缓存响应的有效性。
• no-store 则是不进行任何数据的缓存。