渐进式 Web 应用

介绍 #

• 什么是渐进式 Web 应用程序？
• 渐进式 Web 应用如何推动业务成功
• 什么是优秀的渐进式 Web 应用程序？

使其可安装 #

• 如何安装？
• 如何定义安装策略

提供可安装的体验 #

• Add a web app manifest
• 创建离线后备页面
• 如何提供应用内安装体验
• 推广 PWA 安装的模式
• 在 Android 应用程序中使用 PWA
• PWAs in app stores

代码实验室 #

• 实现可安装

创造应用式用户体验 #

• 让渐进式 Web 应用 (PWA) 更像应用
• Progressively enhance your Progressive Web App

PWA 独有的功能 #

• 使用应用程序快捷方式快速完成任务
• 通过可遮罩图标使 PWA 支持自适应图标
• 使用后台定期同步 API 提供更丰富的离线体验
• Customize the window controls overlay of your PWA's title bar

更多改善您的用户体验的方法 #

• Is your app installed? getInstalledRelatedApps() will tell you!
• Integrate with the OS sharing UI with the Web Share API

高级主题 #

• How Chrome handles updates to the web app manifest
• Progressive Web Apps in multi-origin sites
• Building multiple Progressive Web Apps on the same domain
• Offline UX design guidelines

案例研究 #

• Deprecating Excalidraw Electron in favor of the web version
• Clipchamp's video editor PWA installs see a 97% monthly growth
• PWA users are 2.5x more likely to purchase Gravit Designer PRO
• JD.ID improves their mobile conversion rate by 53% with caching strategies, installation, and push notifications
• Rakuten 24’s investment in PWA increases user retention by 450%
• How ZDF created a video PWA with offline and dark mode
• How Goibibo's PWA improved conversions by 60%
• Building a PWA at Google, part 1