Что такое PWA
Веб-приложение с возможностями нативного
PWA (Progressive Web App) — это веб-приложение, которое использует современные веб-технологии для предоставления пользователям опыта, сравнимого с нативными приложениями.
Ключевые характеристики
- Прогрессивность — работает на любых устройствах
- Отзывчивость — адаптируется под экран
- Независимость от сети — работает офлайн
- App-like — ощущение нативного приложения
- Актуальность — автообновление
Технологии
- Service Worker — кеширование и офлайн
- Web App Manifest — метаданные приложения
- HTTPS — обязательное шифрование
- Push API — push-уведомления
- Cache API — управление кешем
Преимущества
- Установка без App Store
- Кроссплатформенность
- Меньше размер (vs нативное)
- SEO-индексация
- Автообновление
Примеры PWA
- Twitter Lite
- Starbucks
- Uber
- Spotify
Инструменты разработки
- Workbox (Google)
- Lighthouse (аудит)
- PWABuilder (Microsoft)