长时间等待请求服务工作者

Question

我注意到等待服务工作者使用缓存中的项目进行响应的时间并不像您预期​​的那么快.我和两个人sw-precache以及一个自定义的书面服务工作者看到了相同的等待时间.

这个等待时间的可能原因是什么？我该如何减少它？

我fetch在自定义服务工作者上的事件如下所示:

self.addEventListener('fetch', function(event) {
    event.respondWith(
        caches.match(event.request).then(function(response) {
            if (response) {
                return response;
            }
            return fetch(event.request);
        })
    );
});

Answer 1

您是否在 Chrome Dev Tools 中的 Application -> Service Worker 选项卡下选中了“重新加载时更新”？

如果是这样，那么我认为这可能是问题所在，因为它会sw-precache在每次重新加载时重新运行您所有的 Service Worker 代码，在使用,时可能会有相当多的代码。