本文介绍了浏览器缓存机制，包括内存缓存和磁盘缓存。重点讲解了强缓存（Expires和Cache-Control）与协商缓存（Last-Modified，If-Modified-Since和ETag，If-None-Match）的工作原理，并阐述了缓存机制总结、浏览器未设置缓存策略时的处理、用户行为对缓存的影响以及缓存的弊端。
缓存
memory cache 是内存中的缓存，主要包含当前页面中已经下载的资源，比如样式、脚本、图片等等。读取内存中的数据肯定比磁盘块，但是内存缓存的时间段，会随着进程的是否而释放。一旦我们关闭 Tab 页面，内存中的缓存就被释放了。因为内存有限，并不是所有的资源文件都会放在内存里缓存，它主要用来缓存有 preloader 相关指令的资源，比如。preloader 可以一边解析 js/css 文件，一边网络请求下一个资源。
- disk cache 也就是存在磁盘上的缓存，读取速度比 memory cache 慢点，但是所有的资源文件都可以存在磁盘里。在所有浏览器缓存中，disk cache 覆盖面最大，它会根据 HTTP Header 中的字段判断哪些资源需要缓存，哪些资源已经过期需要重新从服务器端请求。一般来说，大的文件和使用频率高的文件，会被优先放在磁盘里。
强缓存
强缓存是不会向服务器发送请求，直接从缓存中读取资源
1、Expires: Wed, 25 Sep 2019 08:13:53 GMT
Expires 是 HTTP/1 的产物，受限于本地时间，如果修改了本地时间，可能会造成缓存失效。
2、Cache-Control: max-age=300
Cache-Control 是 HTTP/1.1 的产物，同时有 Expires 和 Cache-Control 的时候，Cache-Control 的优先级要比 Expires 要高，比如Cache-Control: max-age=300，表示这个请求的返回时间（浏览器会记录该时间）的五分钟之内再次加载该资源，
最低0.47元/天 解锁文章
扫一扫
1246
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
