一个Service Worker（通常情况下）应该预缓存哪些文件？

Question

9

我知道这个问题可能有点“基于观点”，但是我认为一个概括性的答案可以帮助那些未来对PWA和服务工作者感兴趣的人。

背景

我在网上搜索了一下，惊讶地发现没有明确说明在选择要由服务工作者预缓存的文件时最佳实践是什么。

有各种文章/文档概述了预缓存的作用和工作原理（请参见此处获取更多信息），但它们中没有一个给出“常规实践”的示例。

在标准渐进式Web应用程序中，人们通常会预缓存哪些文件？

为了确保我的应用程序在离线时尽可能地正常工作，我正在预缓存所有以下文件：

在我的情况下，这大约是2MB（一旦应用程序完成可能会增加）

- Ben Carey

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Francesco · Accepted Answer

通常情况下，您应该在PWA中预取组成应用程序核心外壳的所有静态资源。
因此，这是您希望立即为用户提供的最小资源集，即使没有互联网连接也可以使用。如果这些资源的预取失败，则服务工作者将不会安装，因为它们对于PWA本身至关重要。

具体情况可能因案例而异。
例如，在简单情况下，您可以仅缓存离线页面、一些公司标志图像和相关的JavaScript文件。在其他情况下（例如https://www.trivago.ch/），您可以提供完整的离线游戏以与用户进行交互。

我写了一系列关于渐进式Web应用程序的文章，如果有人想进一步研究这个主题，请查看series of articles。