渐进式 Web 应用 (PWA) 是使用现代 API 构建而成并得到改进的 Web 应用,可提供增强的功能,同时仍能通过单个代码库覆盖任意设备上的任意 Web 用户。它们将 Web 应用的广泛覆盖面与特定于平台的应用的丰富功能相结合,以提升用户体验。
PWA 设计的三大支柱
若要打造使用体验与特定于平台的应用一样出色的 PWA,您必须将其设计为功能强大、可靠且可安装。
Capable
如今,Web 应用的功能比以往任何时候都更加强大,而且这些功能还在不断发展。最近,Web 软件开始开发曾经只有平台专用应用才能使用的功能。例如,您现在可以使用 WebRTC、地理定位和推送通知构建一个超本地视频聊天应用,然后使该应用可安装,并使用 WebGL 和 WebVR 允许对话转移到虚拟现实。WebAssembly 的推出让开发者能够利用 C、C++ 和 Rust 等其他生态系统,并将数十年来特定于平台的特性引入 Web。开发者利用 Web 新功能的绝佳示例是基于 Web 的图片压缩器 Squoosh.app。
虽然某些功能仍无法通过 Web 实现,但新的 API 和即将推出的 API 不断扩展着 Web 的功能,例如文件系统访问、媒体控件、应用标记和完整的剪贴板支持。所有这些功能均基于网络的安全、以用户为中心的权限模型构建,可确保用户安全,并让用户更轻松地使用新网站。
可靠
可靠的渐进式 Web 应用无论在何种网络条件下都能提供快速可靠的体验。用户理应享有能够快速响应互动的应用,以及值得信赖的体验。
速度对于吸引用户使用您的体验至关重要。事实上,当网页加载时间从 1 秒增加到 10 秒时,用户跳出的概率会增加 123%。
性能问题会影响整个用户体验,而不仅仅是 onload
事件。可靠的体验绝不会让用户怀疑与应用的任何互动是否已注册。滚动和动画必须流畅。用户需要感觉您的应用运行顺畅,就像需要它实际运行顺畅一样。
可靠的应用还需要在没有网络连接的情况下仍可使用。用户希望应用在网络连接速度较慢或不稳定时,甚至在离线时也能快速加载。他们希望即使应用在向您的服务器发送请求时遇到问题,他们最近互动过的内容(例如媒体轨道或票券和行程)也能正常使用。如果无法完成请求,他们希望应用告知他们遇到了问题,而不是默默失败或崩溃。
可安装
让 PWA 可安装,可将其从浏览器移至独立窗口,从而改变用户对 PWA 的看法和互动方式。安装的 PWA 可从用户的主屏幕、Dock、任务栏或 Shelf 启动。用户可以在设备上搜索这些应用,并使用应用切换器在这些应用之间切换,从而感觉这些应用是所安装设备的一部分。
安装 PWA 还会提供新功能,包括通常在浏览器中保留的键盘快捷键。PWA 还可以注册以接受来自其他应用的内容,或注册为处理特定文件类型的默认应用。
从 PWA 获取结果
发布 PWA 不仅可以提升用户体验,这还有助于改善您的指标,并提高您从服务中获得的价值。以下是一些突出的示例:
- Twitter 的 PWA 使每会话浏览的网页数增加了 65%,推文数增加了 75%,跳出率降低了 20%,同时将应用大小缩减了 97% 以上。
- 改用 PWA 后,Nikkei 的自然流量增加了 2.3 倍,订阅人数增加了 58%,日活跃用户数增加了 49%。
- Hulu 用 PWA 取代了其特定于平台的桌面版体验,结果回访次数增加了 27%。
如需详细了解使用 PWA 的好处,请参阅渐进式 Web 应用如何助力企业取得成功。