浏览器缓存中 Memory Cache 和 Disk Cache

在浏览器中，为了提高页面的加载速度和用户体验，浏览器会采用缓存机制。浏览器中的缓存主要分为两种：内存缓存（Memory Cache）和磁盘缓存（Disk Cache）。
内存缓存（Memory Cache）是浏览器将常用的文件存储在内存中，以便下次访问时可以快速加载。通常情况下，内存缓存中存储的是一些静态文件，例如 HTML、CSS、JavaScript、图片等。相比于磁盘缓存，内存缓存的访问速度更快，但是容量较小，也更容易受到系统内存的影响。
磁盘缓存（Disk Cache）是浏览器将一些不常用的文件存储在硬盘上，以便下次访问时可以从硬盘上读取。磁盘缓存中存储的文件通常是一些比较大的文件，例如视频、音频等。相比于内存缓存，磁盘缓存的容量更大，但是访问速度较慢。
浏览器在加载页面时，会先检查内存缓存中是否存在该页面的缓存，如果存在且未过期，则直接从内存中读取并加载页面。如果内存缓存中不存在或者已过期，则会检查磁盘缓存中是否存在该页面的缓存，如果存在则从磁盘中读取并加载页面。如果磁盘缓存中也不存在或者已过期，则需要重新请求服务器获取该页面的内容。
需要注意的是，缓存机制可以提高页面的加载速度和用户体验，但也可能会导致一些问题，例如更新后的资源无法立即生效、缓存占用过多空间等。因此，在开发和测试过程中，需要注意缓存的使用和清除，以便避免潜在的问题。

什么情况下资源会缓存在 Memory Cache， 什么情况下会缓存在 Disk Cache ?
浏览器中的缓存是为了提高网页访问速度和减少网络流量而存在的。缓存分为 Memory Cache 和 Disk Cache 两种。
Memory Cache 是浏览器内存缓存，资源会被缓存在内存中，由于内存读取速度快，所以 Memory Cache 的读取速度也较快。资源被缓存在 Memory Cache 中的情况有：

1. 当前页面中通过 或者 < script> 标签引入的资源；
2. 当前页面通过 XMLHttpRequest 或 Fetch API 请求获取到的资源。
   Disk Cache 是浏览器磁盘缓存，资源会被缓存在磁盘中。由于磁盘读取速度相对内存较慢，所以 Disk Cache 的读取速度也较慢。资源被缓存在 Disk Cache 中的情况有：
3. 当前页面中通过img标签引入的资源；
4. 当前页面中通过audio 或video 标签引入的资源；
5. 当前页面中通过 iframe 加载的资源；
6. 当前页面中通过 WebSocket 加载的资源；
7. 通过 Service Worker 缓存的资源。
   一般来说，比较大的资源会被缓存到 Disk Cache 中，而较小的资源则会被缓存到 Memory Cache 中。如果需要手动清除缓存，可以在浏览器设置中找到相应选项进行操作。