缓存shell的渐进式webapp仍然没有按预期运行？

Question

我在我的React应用程序中使用了Sw-precache来预先缓存我构建的资产（即vendor.js，app.js和icons）。然而，结果并不理想。在页面重新加载时，我的应用程序资产都被重新获取（来自服务工作者），但从来没有一切消失（页面变为空白）片刻，资产出现。 Screen capture of my app on page reload。相比之下，这是the Session列表中的应用https://pwa.rocks/。这真的有一个离线缓存，即使重新加载也不会重新获取静态资产。 Here is also a screen capture of the session app on page reload。我很肯定有一些我不做的事情。我错过了什么？

Answer 1

可能很简单，你的HTML正在返回并且是空页面，Javascript需要时间来运行并用内容填充DOM，其中Session正在返回从服务工作者填充的HTML。