如今，用户对于网站的期望值越来越高。他们想要快速的加载速度、离线可用性、体验优异的交互与摆脱繁琐的应用安装过程。PWA 技术作为一种前端技术，可以为用户提供与原生应用类似的体验，而无需安装应用。然而，PWA 并不是万能的解决方案。在本文中，我们将分析 PWA 技术在应用场景和非应用场景下的表现，并且提供一些最佳实践以供参考。
1. 适用场景
1.1 快速且低成本的开发周期
PWA 技术可以迅速地为 Web 应用程序添加功能，例如提供可离线使用的缓存。PWA 还可以利用 Web Worker 技术来执行计算密集型任务，从而提高性能并将主线程保持畅通。这意味着，与原生应用程序相比，可以更快速地为 Web 应用程序启用 PWA 功能。并且，开发人员可以在无需学习各种不同的编程语言和框架的情况下使用 PWA 技术进行开发。因此，如果需要快速开发应用程序并且预算有限的情况下，可以选择 PWA 技术进行开发。
1.2 简单的用户体验
既然用户需要快速加载、高性能的应用程序，那么选择 PWA 技术进行开发是明智的选择。PWA 可以确保 Web 应用程序具有优异的性能和高度的响应能力，因此将成为增强用户体验的绝佳选择。对于那些需要快速加载、易于使用的应用程序场景，例如新闻、天气或其他您想提供的功能少的应用程序领域，PWA 技术是一个不错的选择。
1.3 增强的搜索引擎优化（SEO）
PWA 技术可以使您的应用程序更易于被搜索引擎索引。因为 PWA 的本质是一个 Web 应用程序，它可以在网络上被检测到和访问。这意味着，如果您希望引入 SEO 优化，选择 PWA 技术来构建 Web 应用程序可能是一个不错的选择。
下面是示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
----- --------------- ---------------------------- ---------------- --
--------- --- -----------
----- -------------- -------------------- --
-------
------
----------- -- -- --- --------
------- -- ---- ------- ---- --- -- ------ --- ------- --------
--------
-- ---------------- -- ---------- -
------------------------------- -- -- -
-------------------------------------------
---
-
---------
-------
-------2. 非适用场景
2.1 高度交互性的应用程序
PWA 技术并不适用于那些需要高度交互性、需要特定的硬件（例如摄像头、指纹扫描仪等）的应用程序。虽然可以通过 PWA 来实现这些交互，但是由于 PWA 缺乏某些原生 API，所以可能无法提供较佳的交互体验。
2.2 大型应用程序
PWA 技术虽然易于使用，但处理大型应用程序时不太实用。PWA 技术的开发需要对缓存策略、前端性能、安全性和其他一些基本事项进行考虑。因此，用于开发大型应用程序时可能会变得复杂。如果计划开发复杂大型应用程序，则应向原生应用程序技术寻求帮助。
2.3 安全
尽管 PWA 技术提供了许多优点，但与原生应用程序相比，在安全方面还存在一些局限性。在原生应用程序中，代码可以编译成本机代码，具有更高的安全性。PWA 技术背后的 JavaScript 代码也可以被反向工程。因此，当建立安全性比多功能性更加重要时，PWA 技术并不是最佳选择。
结论
在本文中，我们讨论了 PWA 技术在适用场景下的表现以及在非适用场景下的表现。尽管 PWA 技术无法解决所有问题，但对于那些想要提供优异的性能、离线可用性并且简化用户体验的 Web 应用程序来说，选择 PWA 技术是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6751831b8bd460d3ad8a532c