【前端小记】-- 浏览器--2.浏览器缓存机制

一个数据请求分为网络请求、后端处理、浏览器响应，而浏览器缓存可以帮助我们在步骤中优化性能…

为什么要用浏览器缓存？

当我们请求一个网站时，发送请求的过程要进行三次握手、四次挥手等等过程（可见上篇简单理解TCP连接的三次握手和四次挥手），这些都是需要时间的，如果用户每输入一个网址就要发送一个请求，那页面呈现的时间必然会缓慢一些，缓存的出现就是为了解决这个问题。

什么是浏览器缓存？

浏览器缓存处于服务器和客户端之间。简单理解浏览器缓存就是，就是一个资源副本，当我们向服务器请求资源后，会根据情况copy一份到本地，不仅仅是像本地存储一样的数据记录，而是一个比较大的存储空间，当再次访问这个网站时，会优先命中缓存，只请求更新的东西。

浏览器缓存有哪些优势？

1、把文件保存在了客户端，减少重复请求浪费网络带宽；
（ps:带宽就是在一段时间内可通过互联网提供商传输的最大数据量。）
2、有效的缓解了服务器的压力，不用重复请求数据；
3、提高了访问速度，用户体验感更佳；

浏览器缓存过程：

浏览器在第一次请求发生后，再次请求时：
（1）浏览器先获取该资源缓存的header信息，根据其中的expires和cahe-control判断是否命中强缓存，若命中则直接从缓存中获取资源，包括缓存的header信息，本次请求不会与服务器进行通信（expires和cahe-control表示资源的缓存时间，一个上限值）
（2）如果没有命中强缓存，浏览器会发送请求到服务器，该请求会携带第一次请求返回的有关缓存的header字段信息（Last-Modified/IF-Modified-Since、Etag/IF-None-Match），由服务器根据请求中的相关header信息来对比结果是否命中协商缓存，若命中，则服务器返回新的响应header信息更新缓存中的对应header信息，但是并不返回资源内容，它会告知浏览器可以直接从缓存获取，否则返回最新的资源内容。