Web是一个很棒的平台。它在设备和操作系统中无处不在，以用户为中心的安全模型，并且其规范或实施均不由单个公司或组织维护，这一事实使Web成为开发软件或应用程序的独特而有希望的平台。除此之外，它还具有固有的吸引力，覆盖范围以及搜索和与任何地方的任何人共享您发现的内容的可能性。每当您使用网络应用程序时，它都是最新的，并且您在该网站上的体验可以是短暂的，也可以是您想要的永久性的。Web应用程序可以使用一个代码库在所有设备上的任何地方，任何地方访问任何人。

渐进式网络应用程序，本机和网络应用程序的组合

本机应用程序以其令人难以置信的丰富和可靠的用户体验而闻名。它们始终显示在主屏幕，扩展坞和任务栏上。它们中的大多数是与网络无关的。他们以自己的独立或全屏体验打开。他们可以从本地文件系统读取和写入数据，访问通过USB，串行或蓝牙连接的硬件，甚至可以与设备上存储的数据进行交互，例如联系人和日历事件。在本机应用程序中，您可以执行以下操作：拍照，查看主屏幕上列出的歌曲或在其他应用程序中控制歌曲的播放。本机应用程序深深植根于它们所运行的设备中。

PWA功能

该图说明了本机应用程序的相对功能和覆盖范围，以及具有高功能和高覆盖面的高功能，Web应用程序，高覆盖范围和渐进式Web应用程序。那么PWA属于哪里？

渐进式Web应用程序（PWA）是使用现代API（例如Service Workers）构建和增强的，以提供本机功能，可靠性和可安装性，同时只需一个代码库即可在任何设备上访问任何地方的任何人。

PWA-Pillers

三P

渐进式Web应用程序是经过设计的功能强大，可靠且可安装的Web应用程序。这三个支柱将它们转换为感觉就像是本机应用程序的体验。

1.有能力

如今，网络已具备了非常强大的功能。例如，您可以使用WebRTC，地理位置和推送通知来构建超本地视频聊天应用程序。可以使应用程序可安装，并使用WebGL和WebVR将这些对话虚拟化。随着Web Assembly的唤醒，开发人员可以利用其他生态系统，例如C，C ++和Rust，并将数十年的工作和功能带到Web上。例如，Squaosh.app将其用于高级图像压缩。

直到最近，只有本机应用程序才能声称具有这些功能。尽管某些功能仍然无法实现，但新的和即将推出的API希望改变这种情况，以扩展Web可以使用文件系统访问，媒体控件，应用程序标记和完整剪贴板支持等功能。所有这些功能都是基于Web的安全性，以用户为中心的权限模型构建的，从而确保访问网站永远不会成为用户的恐怖计划。

在现代API，Web Assembly和新的和即将发布的API中，Web应用程序比以往任何时候都更强大，并且这些功能仅在不断扩展。

2.可靠

无论网络如何，可靠的渐进式Web应用程序都感觉快速且值得信赖。

速度对于让用户使用您的体验很重要。随着页面加载时间从1秒变为10秒，用户弹跳的机会增加了123％。载入事件后，性能不会停止。用户永远不会有机会怀疑他们的输入（例如，单击按钮）是否已注册。滚动和动画应该流畅。从用户如何看待您的应用程序到性能如何，性能都会影响整个体验。

最后，尽管有网络连接，仍需要可靠的应用程序。用户希望应用程序在网络连接速度慢或不稳定的情况下启动，甚至在脱机时也能启动。他们希望与他们互动的最新内容（例如媒体曲目或票务和行程）将可用并且可用，即使很难向您的服务器发送请求也是如此。当不可能提出请求时，他们希望被告知有麻烦，而不是应用程序无声地失败或崩溃。

人们喜欢眨眼之间就能对交互做出反应的应用程序，以及他们可以依靠的体验。

3.可安装

已安装的Progressive Web Apps在独立或全屏窗口（而不是浏览器选项卡）中运行。只需在用户的主屏幕，底座，任务栏或架子上启动它们即可。可以在设备上搜索它们，并使用应用程序切换器在它们之间跳转，从而使它们看起来像是它们所安装的设备的一部分。

安装Web应用程序后，将打开新功能。在浏览器中运行时通常保留的键盘快捷键变为可用。PWA可以注册以接受其他应用程序的内容，也可以成为处理不同类型文件的默认应用程序。

当渐进式Web应用程序从选项卡移出并进入独立的应用程序窗口时，它将重建用户对其的想法以及与之交互的方式。

两全其美的

PWA的核心只是Web应用程序。使用渐进增强功能，可以在现代浏览器中启用新功能。使用服务人员和Web应用程序清单，您的Web应用程序变得可靠且可安装，并且还可以使其脱机运行。

渐进式Web应用程序为您提供了一种独特的可能性，以产生用户所喜爱的Web体验。通过使用最新的Web功能来提供类似本机的功能和可靠性，Progressive Web Apps允许您使用任何代码在任何设备上的任何地方，任何位置，任何位置将您所构建的内容安装到任何设备上。

什么使一个pwa

是什么使应用程序成为PWA？

PWA不是用单一技术制成的。它们象征着设计Web应用程序的新理念，涉及一些特定的模式，API和其他功能。从最初的外观来看，Web应用程序是否为PWA并不是很明显。当应用程序满足一组要求或达到一组给定功能时，可以将其视为PWA：脱机工作，可安装，易于同步，具有清单等。

此外，还有一些工具可以衡量Web应用程序的完成程度（以百分比表示），例如Lighthouse。Lighthouse在审计部分的chrome-dev工具中内置。通过执行各种技术优势，我们可以使应用程序更加先进，从而最终获得更高的Lighthouse得分。但这只是一个粗略的指标。

Web应用程序必须具备一些重要条件才能成为PWA。它应该是：

可发现的：内容可以通过搜索引擎发现。

可安装：可以在设备的主屏幕或应用启动器上使用。

可链接：只需发送一个URL，即可共享它。

独立于网络的：它脱机或恶劣的网络连接工作。

渐进式：在较旧的浏览器上，它仍然可以在基本级别上使用，但在最新的浏览器上可以使用。

可重新参与：只要有新内容可用，它就可以发送通知。

响应式的：它可在带有屏幕和浏览器的任何设备上使用，例如手机，平板电脑，笔记本电脑，电视，冰箱等。

安全：防止任何试图访问敏感数据的第三方保护用户，应用程序和服务器之间的连接。

提供这些功能并利用Web应用程序提供的所有优势可以为您的用户和客户创建引人注目的高度灵活的产品。

值得做所有的工作吗？

绝对地！实施核心PWA功能所需的工作量相对较小，因此收益是巨大的。例如：

借助与服务人员的缓存，减少了应用程序安装后的加载时间，并节省了宝贵的带宽和时间。PWA具有近乎瞬时的负载（从第二次访问开始）。

当应用程序更新可用时，仅更改已更新内容的功能。相反，对于本机应用程序，即使是最微小的变化也可以使用户再次下载整个应用程序。

一种与本机平台更加结合的外观-主屏幕或应用程序启动器上的应用程序图标，以全屏模式自动运行的应用程序等。

通过使用系统通知和推送消息与用户重新互动，从而吸引更多用户，并提高转化率。

成功的故事

企业尝试PWA路径，选择改进的网站体验而不是本机应用程序，并且看到了有意义的可衡量的收益，这有许多成功的故事。PWA Stats网站共享许多案例研究，这些案例表明了这些好处。

一些大公司已经转向PWA技术。

Flipkart Lite

特里瓦戈

福布斯

推特精简版

电报

我的旅行

OLA

红色巴士

最著名的成功故事可能是Flipkart Lite。印度最大的电子商务网站在2015年被重建为渐进式Web应用程序，转换率提高了70％。全球速卖通PWA的效果也比网络或本机应用程序好得多，新用户的转化率提高了104％。

考虑到它们的附加值，以及将这些应用程序转换为PWA所需的工作量相对较低，选择是显而易见的。

Twitter的每次会话页面数增加了65％，Tweets增加了75％，跳出率下降了20％，所有这些都将其应用程序的大小减少了97％以上。改用PWA后，日经指数观察到自然流量增加了2.3倍，订阅率增加了58％，每日用户增加了49％。Hulu用Progressive Web App取代了他们的本机桌面体验，回访量增加了27％。

诸如couponmoto之类的早期初创公司也已开始使用渐进式Web应用程序来吸引更多的客户参与，这表明它们可以帮助大小型公司更有效地（重新）吸引用户。您甚至可以使用PWABuilder网站生成PWA或将现有的Web应用程序在线转换为PWA。

渐进式Web应用程序将彻底改变数字全景，许多组织正在将其当前的响应式Web应用程序转换为PWA，或考虑在短期内进行更改。