缓存然后网络策略实际上如何工作？

Question

引用：

Cache Then Network Strategy

有一个包含js代码和服务工作者代码的示例。

我的代码：

  event.respondWith(
    caches.open(DYNAMIC_CACHE).then(function(cache) {
        return fetch(event.request).then(function(response) {
          cache.put(event.request, response.clone());
          return response;
        })
        // Network fallback
        .catch(function(err) {
          console.log('[ServiceWorker] Error when fething from network:', err)
          return caches.match(event.request);
        })
      })
  )

服务人员的代码如何与updatePage()功能相对应？

我使用了该代码，并在后端放置了一些sleep(..)，但是即使我已经缓存了请求，它也在等待响应，以使我从后端请求中获得结果。

首先，我通常运行请求以对其进行缓存，然后我将后端更改为进入睡眠状态，但请求仍在等待响应。