Service Worker 应该预缓存哪些文件（一般来说）？

What files should be Precached by a Service Worker (in general)?

我很欣赏这个问题可能有点小 'opinion based'，但是，我认为一个概括性的答案可能会对将来有兴趣了解更多有关 PWA 和 Service Workers 的其他人有很大帮助。

背景

我在网上搜索过，很惊讶地发现没有关于选择由 Service Worker 为 PWA 预缓存的文件的最佳实践的明确描述。

有各种 articles/documentation 概述了预缓存的作用及其工作原理（有关详细信息，请参阅 here），但其中 none 给出了 'common practices' 的示例.

问题

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

我现在在做什么...

为了确保我的应用程序尽可能离线运行，我预先缓存了以下所有文件：

就我而言，这大约是 2MB（申请完成后可能会增加）

应用图标分解

启动画面的细分

作为一般规则，您应该在您的 PWA 中预取所有组成应用程序核心的静态资产 shell。
因此，即使没有互联网连接，您也可以立即为您的用户提供最少的资产集。如果这些资源的预取失败，则不会安装 service worker，因为它们对 PWA 本身至关重要。

场景可能因情况而异。
例如，在简单的情况下，您可以只缓存一个离线页面、一些公司徽标图像和相关的 javascript 文件。在其他情况下（例如 https://www.trivago.ch/），您可以提供完整的离线游戏以在离线时与您的用户互动。

我写了一篇关于 Progressive Web Apps 的 series of articles，如果有人想进一步研究这个话题。