浏览器缓存机制

https://www.cnblogs.com/chenqf/p/6386163.html博客

• 什么是浏览器缓存
  浏览器缓存保存着用户通过http获取的所有资源，下一次请求时可以避免重复向服务器发出多余的请求，直接从缓存中读取。
  

• memory cache
  将资源缓存至内存中，只能存储一些派生类资源文件；退出进程时数据会被清除（一般脚本、字体、图片）

• disk cache
  将资源缓存至磁盘中，退出进程时数据不会被清除（一般非脚本，如css）

• 三级缓存原理
  先内存 再硬盘 然后网路请求

1）先在内存查找，如果有，直接加载
2）如果内存没有，则在硬盘中查找，
3）如果硬盘也没有，那么网络请求
4）请求获取的资源缓存至硬盘或内存中

深入理解浏览器的缓存机制

• 强缓存
  

强缓存的一般流程：

1. 查看header中的Expire和Cache-control判断是否满足规则
2. 如果满足规则，返回缓存数据
3. 不满足规则，向服务器发送请求
4. 服务器返回数据

不会向服务器发送请求，直接从缓存中读取资源，返回200状态码；强缓存可以设置两种Header实现：Expires和Cache-Control
（1)Expires
设置缓存过期时间，受限于本地时间，如果本地时间修改，可能造成缓存失效（绝对时间）
(2)Cache-Control

• 协商缓存
  协商缓存就是强缓存失效后，浏览器携带缓存标识向服务器发送请求，服务器根据缓存标识决定是否使用缓存的过程；通过设置HTTP Header实现：Last-Modified和ETag

协商缓存一般流程：

1. 将资源表示发送给服务器，确认资源是否更新
2. 如果资源未更新，请求响应返回http状态为304，并显示Not Modified，告诉浏览器使用本地缓存
3. 如果资源更新，返回新数据
4. 将新数据存入缓存

（1）协商缓存生效，返回304和Not Modified

（2）协商缓存失效，返回200和请求结果

• 缓存机制

优先使用强缓存

Last-Modified, If-Modified-Since

浏览器第一次请求资源的时候，服务器返回header上带有Last-Modified字段，表示资源最后修改时间

当浏览器再次请求该资源时，请求头中带有一个If-Modifief-Since字段，这个值即为第一次请求返回的Last-Modified的值；服务器接收到请求，将If-Modified-Since和当前的Last-Modified进行对比，如果相等则说明资源未修改，返回304，浏览器使用本地缓存。

缺点：

1. 最小单位是秒：短时间内资源变化，Last-Modified不会发生变化
2. 周期性变化：该资源在一个周期内修改回原来的样子，Last-Modified并不会使用缓存

Etag

Etag一般由文件内容hash生成，可保证资源的唯一性。资源发生变化就会导致Etag发生变化

Last-Modified和Etag可以同时设置，服务器优先验证Etag；如果Etag相等就会继续比对Last-Modified，最后才决定是否返回304