web是一个很神奇的平台，领有跨设施和跨操作系统的兼容性，领有以用户为核心的权限模型。它标准是由w3c和whatwg两个组织独特定制，它的实现则是交给各个浏览器厂商。再加上其固有的可连接性，用户能够随时随地搜寻到，或者分享一个网页给任何人。不论何时拜访网页，都是最新的。WebApp只须要一套代码，就能够触达任何人，任何中央，任何设施。

原生App因为牢靠而且丰盛的性能而著称。它们会始终待在你的设施上，在屏幕、面板、或者任务栏里。通常，它们不依赖网络连接即可应用。它们以本人独立的体验启动。它们能够读写文件，通过本地文件系统，能够通过USB接口连贯硬件，也能够和存储在本地设施的数据交互，像是联系人和日历。在原生App中，你能够拍照，在主屏幕看到正在播放的歌曲列表，或者通过其余App管制播放。原生App就像零碎的一部分一样。

如果你要比照原生App和WebApp在性能上和可触达上的区别，原生App在性能上最佳，WebApp在可触达上最佳。那么PWA又如何？

PWA全称Progressive Web Apps（渐进式WebApp），是通过古代API来构建和加强的，这些API提供了与原生App类似的能力、可靠性、可安装性，而且具备一套代码即可触达任何人、任何中央、任何设施。

三大App个性

  • 功能性（capable）
  • 可靠性（reliable）
  • 可安装性（installable）

PWA同时具备这三大个性，这也让PWA的利用体验更靠近原生。

功能性

Web App当今时代曾经具备了丰盛的性能，你能够基于 WebRTC 开发一个视频聊天工具，能够应用 Geolocation API 开发一个地图软件，也能够应用 Notification API 来给你的APP推送音讯，让用户能够在APP之外接管到告诉。你也能够应用 WebGL 和 WebVR 来虚拟化这些场景。通过 Web Assembly，你能够步入其余生态，比方：C和C++等，给Web生态带来更多能力。

直到最近，只有原生App宣称具备这些性能。当然，有一些能力还是web以后无奈应用的，但新的API会被定义，用来扩大Web能力，比方让Web领有文件系统的拜访权限、媒体管制权限、图标上的badge批改权限、剪切板的全副性能。所有的这些能力都与Web平安、用户为核心的权限模型独特构建，确保拜访网站不会给用户造成威逼。

随着古代API的定义，Web的功能性会越来越丰盛。

可靠性

一个牢靠的PWA利用感触起来很快，而且不依赖网络。

速度对于用户应用体验来说至关重要。实际上，页面加载的工夫从1-10秒，用户散失会增长123%。性能也并非在 onload 事件之后就完结了。用户无需时刻放心他们的交互（例如点击了按钮）有没有响应。滚动和动画须要放弃晦涩。

最初，牢靠的App须要对网络无依赖。用户会冀望在弱网或者无网络的状况下关上App。他们冀望看到上次他们加载的内容，就像是音频或者视频播放到某个特定工夫点，即便网络连接艰难，还是要放弃牢靠和可用。如果申请失败了，比起默默地失败或者解体，给用户正当的提醒才是最佳。

用户更喜爱App能够在眨眼睛响应他们的操作，这也是可靠性的一种。

可安装性

装置好的PWA利用能够在一个独立的窗口启动，而不必在浏览器中。它们也能够从主页、docks或者任务栏启动。你也能够搜寻到它们，而后从搜寻后果中关上。你也能够切换到其余App，而后再切换回来。这感觉就跟原生App简直统一，成为设施的一部分。

装置好的PWA利用将开启更多新性能，能够反对快捷键，也能够反对关上特定格式文件。

当PWA利用从独立窗口关上，它会扭转用户的感知，以及应用的形式，用户会当成原生利用来应用，而毫无差别感。

两败俱伤

PWA的外围还是WebApp，通过渐进式加强，新的性能被古代浏览器实现。通过应用 service worker 和 app manifest，能够让你的WebApp具备可靠性和可安装性。如果浏览器不反对这些性能，你的网站的外围性能也不受影响。

总结

当然应用PWA还有很多其余的惊喜，App的体积上更小了，如果说一个30M的原生App换成PWA，可能只有3M不到。另外，PWA的利用的可触达性是继承了WebApp的，能够通过搜索引擎让触达更多用户，或者通过分享的形式。最初，PWA的利用可随时更新，无需用户下载安装。

惟一要留神的是，为了让它更像原生App，请在性能优化上做到极致。对于性能优化方面，能够参考之前写的一些文章。

参考

https://web.dev/what-are-pwas/