如何延迟工作箱 StaleWhileRevalidate 策略的重新验证调用

Question

我们正在使用 workbox 为我们的 webApp 实现 ServiceWorker。 目前我们使用workbox.strategies.staleWhileRevalidate作为主页路由。

我们应用的网络使用模式是：主页、Javascript 资源、API 调用（按此顺序）。 Service Worker 会用陈旧的数据和 Javascript 资源和 API 数据来响应主页。

我们观察到主页的重新验证调用在从缓存提供请求后立即触发。因此，它无助于减少对网络资源的争用。有没有办法延迟使用 staleWhileRevalidate 策略的请求的重新验证调用？目标是在页面加载完成之前减少网络争用。

Answer 1

没有办法延迟重新验证。从理论上讲，我们可以添加对 Promise 包装的 setTimeout() 的调用，并确保将其包含在 event.waitUntil() 中以防止服务工作者同时终止，但老实说，这并没有提供不会发生争用的任何保证——它只是将争用推迟了一小段时间。

我认为将来更简洁的方法是使用Priority Hints，并将重新验证请求明确标记为具有importance: 'low'。我已将该用例添加到 this issue 跟踪 Workbox 对优先级提示的一般使用情况。