浏览器不同缓存位置

60 阅读1分钟

1.Service Worker

2.Memory Cache - 内存

存储位置:我们浏览器打开的tab的对应内存中的
存储时间:tab关闭即消失
读取速度:内存中的数据读取速度是很快的

3.Disk Cache - 磁盘

存储位置:存储在硬盘中
存储时间:根据Http Header请求头控制 / 人为控制清空
我们常说的强缓存和协商缓存,针对的对象就是【disk磁盘缓存

是否启用缓存的Http请求头关键缓存字段:cache-control:no-store(不用缓存)/ no-cache(设置缓存,但是具体缓存策略需要额外字段确定)
强缓存设置:cache-control:no-cache && Expires
协商缓存设置:cache-control:no-cache && ETag / Last-Modified

image.png

image.png