来自 Service Worker 缓存的资源的巨大内容下载时间

Kus*_*our 5 google-chrome service-worker progressive-web-apps

我正在拦截并从 Service Worker 缓存中返回一个资源。根据 Google Chrome devtools 下载内容大约需要 300-400 毫秒。我检查了 Firefox,下载是即时​​的。

巨大的内容下载时间

由于不涉及网络,我预计下载时间会小得多。我用通常的match函数拦截了 fetch :

event.respondWith(
        caches.match(event.request).then(response => response)
);
Run Code Online (Sandbox Code Playgroud)

我在拦截和从缓存中返回资源的方式上有什么问题吗?

Rey*_*cia 0

您可以从这个谷歌论坛尝试以下解决方案:

  • 删除您的缓存和 cookie
  • 使用隐身模式如果这有帮助,则暂时禁用您的扩展程序以确定哪个扩展程序导致了渲染问题。要执行此操作,请转到 chrome://extensions 并逐一取消选中每个扩展的启用。
  • 重置您的浏览器设置
  • 通过转至菜单 > 设置 > 高级设置 > 在“系统”下取消选中使用硬件加速(如果可用)来关闭硬件加速。