缓存是什么意思(浏览器缓存特点分析)

1. 浏览器缓存的种类

cookie localStorage和sessionStorage memory cache 和 disk cache 还有其他一些浏览器缓存,如WebSQL、IndexDB等等,不常用就不分析了。

2. 浏览器缓存特点分析

2.1. cookie缓存

cookie缓存由服务器端生成,一般用来保存session信息,只要设计合理,一般不会带来一致性问题。

2.2. localStorage 和 sessionStorage

localStorage是永久缓存,如果升级前端程序涉及缓存键值改变,应在页面加载时调用清理或重新设置缓存内容的JS代码。 sessionStorage是跟随当前浏览器窗口的数据缓存,关闭重新打开浏览器会自动清空。

2.3. memory cache 和 disk cache

memory cache是浏览器内部控制的,无法改变,一般也不会带来副作用。 disk cache是重点关注的浏览器端的资源文件缓存。

3. 控制disk cache

Http Response Headers中通过cache-control来控制浏览器采取不同的缓存策略。响应头参数可以通过Web服务器来配置。这里以Nginx的配置文件为例。

3.1. private(默认)

server { ... add_header Cache-Control private; (或者不设置,默认为private) ...}
缓存是什么意思(浏览器缓存特点分析)
缓存是什么意思(浏览器缓存特点分析)
private 意思是使用浏览器缓存,它配合expires、last-modified等参数来判断资源文件是否需要重新下载。

3.2. no-cache(推荐)

server { ... add_header Cache-Control no-cache; ...}
缓存是什么意思(浏览器缓存特点分析)
缓存是什么意思(浏览器缓存特点分析)
no-cache 并非不使用缓存,而是不直接使用缓存,每次都会向服务器请求响应头,通过对比ETag判断资源是否发生变动,如果没有变动(相应结果304),则使用本地缓存。所以这是个在性能和一致性比较平衡的选项。

3.3. no-store

server { ... add_header Cache-Control no-store; ...}
缓存是什么意思(浏览器缓存特点分析)
缓存是什么意思(浏览器缓存特点分析)
no-store是让浏览器完全不使用缓存,不管资源是否变动,都向服务器请求重新下载资源文件。
版权声明:本文内容来自互联网。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系站长举报!一经查实,本站将立刻删除。
(0)
上一篇 2022年7月16日 19:19
下一篇 2022年7月16日 19:48

相关推荐

发表回复

您的电子邮箱地址不会被公开。