强缓存和协商缓存

1.http 缓存的作用：减少网络请求

       1.服务器端压力较小

       2.用户体验：看到界面的速度更快了 用户体验好

2.缓存的页面放到哪里去了：本地电脑（内存里面、硬盘里面）

<

1.所有的网络资源全部都存放到本地，只要请求某一个界面，直接从本地拿资源=>更新会有问题 可能会拿到本地的旧数据

2.如果每一次直接从服务器拿资源，性能开销比较大，用户体验较差

>

优化：合理设置缓存机制，及时更新资源（浏览器的缓存有两大类：强缓存和协商缓存）

1.浏览器第一次向服务器端请求资源的时候，由于本地没有任何资源，直接向服务器发送请求 

2.服务器返回要请求的资源(携带缓存标识=>在响应头里面）

   1.强缓存标识：cache-control: max-age : 3600s(资源最大缓存时间 => 是相对时间)

   2.协商缓存标识：last-modifiend最后的修改时间   etag：资源的唯一标识

3.第二次请求资源的时候：

    1.本地有缓存

2.判断缓存是否过期（强缓存）cache-control: max-age:  3600s

     1.  如果强缓存没有过期 => 就从本地拿资源，此时 强缓存的请求是没有到达服务器的  ，状态码为 200

     2. 如果强缓存过期了=>此时强缓存的请求是到服务器端  =>命中协商缓存 请求里面携带了协商标识的

      （协商缓存请求头标识  last-modifiend => if-modifiend-since,时间不一致，则说明资源更新了，重新返回资

         源，状态码为200

     3. etag 这个资源唯一标识=> 如果不一致   ，则资源更新了 

        etag这个资源唯一标识如果一致，则说明资源没有更新，返回304状态码，不会返回任何资源，浏览器看到                304，知道本地缓存的资源是可用的，直接使用本 地 存资源