Progressive Web Apps
Websites that took all the right vitamins
Overview
In this collection, you'll learn what makes a Progressive Web App special, how they can affect your business, and how to build them.
What you'll learn
Introduction
Make it installable
Provide an installable experience
- Add a web app manifest
- Create an offline fallback page
- How to provide your own in-app install experience
- Patterns for promoting PWA installation
- Using a PWA in your Android app
Codelabs
Create an app-like user experience
PWA-exclusive features
- Get things done quickly with app shortcuts
- Badging for app icons
- Receiving shared data with the Web Share Target API
- Adaptive icon support in PWAs with maskable icons
- Richer offline experiences with the Periodic Background Sync API
More ways to improve your user experience
Advanced topics
Case studies
- 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