我是否应该在PWA版本中包括大文件以实现脱机功能？

Question

我正在使用Vue 3 CLI开发PWA，该PWA可以从单独的CMS / API捕获一些的内容。该应用程序是一款触摸屏游戏，并且在没有互联网连接的情况下仍可以运行主要用例，尽管可以控制用户环境，并且可以根据需要通过ServiceWorkers同步并缓存最新更新来更新游戏。

在构建我的应用程序时，Webpack性能建议会警告资产大于建议大小限制的资产；在这种情况下，一个介绍性视频（25MB）和一些字体文件（每个300kB）。

我是否应该从CMS / API提供视频和字体（以及其他大文件），并考虑到离线功能的重要性，使我的Vue应用程序构建得尽可能小？还是有充分的理由将字体和视频打包在Vue JS构建输出中？

这是我的第一个PWA，因此，考虑到该应用程序的脱机功能是当务之急，我是否只是在寻找是否要在这种情况下遵循Webpack准则的确认？

Answer 1

根据浏览器How Much Can You Store

，您可以存储一个限制

我个人不建议存储如此大的视频文件。如果您的用户离线体验并非绝对必要。

Answer 2

如果视频不是强制性的，则默认情况下我不会将其缓存，但是如果用户愿意，可以给用户机会来制作视频。

某些播放器的配额数据计划可能不足，并且不想显示视频。

字体看起来像是要放入缓存的好资产。