PWA 与 Web 视图中的拦截请求

Question

我正在使用 webview 进行渲染和优化，我正在考虑缓存所需的 css、js 和其他资产文件

现在有两种缓存方式。

• 在 webview 中使用 javascript 拦截器并自己管理缓存。

• 将网站设为 PWA，并让应用自行管理缓存。

推荐哪种方法？

Answer 1

借助 PWA，您可以利用经过充分测试的不同技术来提高 Web 应用性能：

• 可以使用不同的缓存策略：缓存优先（通常用于支持离线静态内容）、重新验证时过时、网络竞争等。

• 可以缓存 HTTP GET 调用，因此不仅仅是静态数据。

• Service Worker 运行在与您的 Web 应用程序使用的线程不同的线程上，因此它也可以在 Web 应用程序关闭时运行，并且不会影响其性能以防万一崩溃

这些只是 PWA 的部分优势，您可以通过相对较少的努力来实现它们。因此，从我的角度来看，我会为您的应用添加渐进式功能。

如果你想深入 PWA 话题，have a look at a series of articles about PWA I wrote。我从理论开始，然后用代码示例越来越深入。