渐进式 Web 应用程序：示例和成功案例

PWA 结合了网络和本机应用程序的优点。全球公司已采用它并取得了令人瞩目的成果。本指南介绍了渐进式 Web 应用程序的示例和成功案例。

什么是 PWA

定义

行为类似于本机应用程序的网站。

特点

可安装在主屏幕上
离线工作
推送通知
应用体验

技术

Service Worker、Web 应用程序清单、HTTPS。

成功案例

Twitter 精简版

每个会话的页数增加 65%
推文数量增加 75%
跳出率降低 20%
1-3MB 应用程序 vs 25MB+ 本机

兴趣

现场停留时间增加 40%
广告收入+44%
+60% 核心参与度
[PWA0 替换了浏览器中的应用程序

###星巴克

比 iOS 应用程序小 99.84%
2 倍每日用户
离线工作
无连接订单

优步

50kb 核心应用程序
支持2G连接
2G 上加载时间为 3 秒
新兴市场

###Trivago

+150% 参与度
优惠点击次数增加 97%
-50% 跳出率

###福布斯

会话增加 43%
6x 文章完成度
广告展示次数增加 20%

###阿里巴巴

+76% 浏览器转化率
通过“添加到主屏幕”进行 4 次交互
每月活跃用户增加 30%

电子商务

Flipkart

网站停留时间增加 3 倍
重新参与率提高 40%
添加到首页的转化率提高了 70%

兰蔻

+17% 移动转化
+53% iOS 移动会话
-15% 跳出率

奥克斯

重新参与度增加 250%
+80% 转化率
-80% 尺寸

媒体和新闻

华盛顿邮报

AMP + [PWA1
加载时间缩短 88%
回访用户增加 23%

金融时报

第一个采用的主要出版物
类似应用程序的体验
离线工作

旅行和款待

MakeMyTrip

+3 倍转化
+160% 会话
+30% 保留率

威戈

+26% 移动转化
+95% 性能
有效的推送通知

共同特点

性能

每个人都专注于速度。

###离线

基本内容缓存。

安装

添加到主屏幕提示。

###推

通过通知重新参与。

新兴市场

许多人关注的是不良的连接。

成功指标

参与度

时间、页面、操作。

转换

购买、注册、销售线索。

保留

回访用户。

性能

充电速度。

###尺寸

节省数据流量。

理想细分

电子商务

移动购物体验。

新闻

离线阅读、通知。

旅行

随时随地工作。

送货

快速订单。

生产力

轻型工具。

注意的限制

iOS

功能比 Android 少。

在 iOS 上推送

发现

它不在主要的应用程序商店中。

原生功能

部分API不可用。

当 PWA 闪耀时

新兴市场

连接速度慢，设备弱。

信息

供消费的内容。

简单交易

购物、预订。

预算有限

适合所有人的一个代码库。

实施

审计

灯塔检查要求。

服务人员

资产和数据缓存。

Web 应用程序清单

安装元数据。

HTTPS

强制性的。

结论

PWA 在现实案例中展示了令人印象深刻的结果。投资的公司在参与度、转化率和绩效方面都取得了显着改善。 [PWA2对于许多用例来说都是一个可行的选择。

##常见问题解答

1) [PWA3 取代原生应用程序？ 在某些情况下，是的。对于其他人来说，它是补充。

2) 哪个案例最令人印象深刻？ Twitter Lite 和星巴克是常见的参考。

3) [PWA4在 iOS 上运行良好吗？ 它已经改进了很多，但 Android 仍然更好。

4) 我需要特殊知识吗？ Web 开发人员可以学习。这并不难。

5) [PWA5 对我的业务有好处吗？ 如果它在移动网络上有意义，那么可能是的。

另请阅读

[渐进式Web应用程序：企业示例和优化6
【网站与应用程序的区别：完整选择指南7
[PWA 什么 E8
[PWA：什么是以及如何优化扩展性能9
[PWA 与原生应用：了解重要的区别10
[何时使用 PWA11