跳到主要内容

浏览器缓存

  1. Memory Cache（内存缓存）：

    • Memory Cache 是浏览器在内存中保存的一部分资源副本。这些资源可以快速读取，因为内存的访问速度比硬盘快得多。
    • Memory Cache 通常用于存储短期、频繁访问的资源，如网页的 CSS、JavaScript、图片等。
    • 由于内存有限，Memory Cache 的容量有限，资源可能会因为缓存容量不足而被清除。

  2. Disk Cache（磁盘缓存）：

    • Disk Cache 是浏览器将资源副本存储在本地硬盘上的一种缓存机制。相对于 Memory Cache，Disk Cache 的容量更大，但访问速度较慢。
    • Disk Cache 适用于存储较长期的资源，如图像、样式表、脚本等。它能够在网页会话之间保留缓存。
    • 如果资源在 Memory Cache 中不存在或已过期，浏览器会从 Disk Cache 中加载资源。

  3. Service Worker Cache（Service Worker 缓存）：

    • Service Worker 是一个在浏览器后台运行的 JavaScript 脚本，它可以拦截和处理网络请求，实现高级的缓存和离线功能。
    • Service Worker Cache 可以让开发人员控制缓存策略，自定义缓存逻辑，实现离线访问和更高级别的资源管理。
    • Service Worker Cache 可以存储离线应用所需的资源，以及用户之前访问过的资源，提供更高级的缓存控制。

  4. Prefetch Cache（预取缓存）：

    • Prefetch Cache 允许浏览器在用户访问之前预加载资源，以提高页面加载速度。通过 <link rel="prefetch"> 标签或其他方式实现。
    • 预取的资源存储在缓存中，当用户实际访问这些资源时，它们可以立即从缓存加载，而不必等待网络请求。