• Service Worker Cache 和 HTTP Cache 联合使用的场景讨论


    本文基于下列的表格进行讨论。

    场景1:Long-term caching (Cache, falling back to network)

    • 当缓存资源有效时(<= 30 天):Service Worker 立即返回缓存的资源,无需访问网络。

    • 当缓存资源过期(> 30 天)时:Service Worker 去网络获取资源。 浏览器在其 HTTP 缓存中没有资源的副本,因此它在服务器端获取资源。

    缺点:在这种情况下,HTTP 缓存提供的价值较小,因为当 Service Worker 中的缓存过期时,浏览器总是会将请求传递给服务器端。

    场景2:Medium-term caching (Stale-while-revalidate)

    • 当缓存资源有效时(<= 1 天):Service Worker 立即返回缓存的资源,并去网络获取资源。 浏览器在其 HTTP 缓存中有资源的副本,因此它将该副本返回给服务工作者。

    • 当缓存资源过期(> 1 天):Service Worker 立即返回缓存的资源,并去网络获取资源。 浏览器在其 HTTP 缓存中没有资源的副本,因此它会在服务器端获取资源。

    缺点:Service Worker 需要额外的缓存清除来覆盖 HTTP 缓存,以便充分利用“重新验证”步骤。

    场景3:Short-term caching (Network falling back to cache)

    • 当缓存的资源有效时(<= 10 分钟):Service Worker 去网络获取资源。 浏览器在其 HTTP 缓存中有资源的副本,因此它会将其返回给服务工作者,而无需进入服务器端。

    • 当缓存资源过期(> 10 分钟):Service Worker 立即返回缓存的资源,并去网络获取资源。 浏览器在其 HTTP 缓存中没有资源的副本,因此它会在服务器端获取资源。

    与 Medium 缓存场景类似,Service Worker 需要额外的缓存清除逻辑来覆盖 HTTP 缓存,以便从服务器端获取最新资源。

    在所有场景下,Service Worker 缓存在网络不稳定的情况下仍然可以返回缓存的资源。 另一方面,当网络不稳定或宕机时,HTTP 缓存是不可靠的。

    总之,Service Worker 缓存逻辑不需要与 HTTP 缓存到期逻辑保持一致。 如果可能,在 service worker 中使用更长的过期逻辑来授予 service worker 更多的控制权。

    HTTP 缓存仍然发挥着重要作用,但在网络不稳定或宕机时它并不可靠。

  • 相关阅读:
    mybatis 04: mybatis对象分析 + 测试代码简化 + 配置优化
    VSCode 搭建 x264 源码调试环境
    「 每日一练,快乐水题 」1608. 特殊数组的特征值
    机器学习算法基础--逻辑回归简单处理mnist数据集项目
    Hello, World
    【云原生 | Kubernetes 系列】----亲和与反亲和
    【Proteus仿真】【STM32单片机】太阳能热水器控制系统设计
    【LoRa-温湿度光照数据无线传输(点对多通讯)】
    【技术分享】Python 和 JavaScript 的区别是什么?
    本质矩阵,基础矩阵,单应矩阵
  • 原文地址:https://blog.csdn.net/i042416/article/details/126133811