Прогрессивное веб-приложение
-
Определение и история
- Прогрессивные веб-приложения (PWA) — это веб-приложения, которые могут быть установлены как автономные приложения.
- PWA используют автономный кэш браузера для работы в автономном режиме.
- PWA были представлены в 2016 году как альтернатива нативным приложениям.
-
Технические критерии
- PWA должны быть из надежного источника и обслуживаться по протоколу HTTPS.
- PWA должны использовать сервисных работников для создания программируемых кэшей.
- Манифест веб-приложения должен содержать ключевые свойства для упрощения установки и взаимодействия.
-
Технологии
- Манифест веб-приложения определяет метаданные для PWA.
- Service worker — это веб-сервер, который кэширует и синхронизирует данные.
- WebAssembly позволяет запускать предварительно скомпилированный код в браузере.
-
Поддержка браузеров
- PWA поддерживаются большинством современных браузеров, включая Chrome, Safari, Firefox для Android и Edge.
- Firefox для настольных компьютеров отказался от поддержки PWA в 2020 году.
-
Преимущества и примеры
- PWA не требуют отдельного комплектования и распространения для разных платформ.
- Примеры успешных PWA включают Twitter Lite и Starbucks.
- PWA могут быть более эффективными и экономичными по сравнению с нативными приложениями.
-
Рост доходов и вовлеченности
- Доходы от рекламы выросли на 44%
- Количество вовлеченных пользователей увеличилось на 60%
-
Возвращение клиентов Flipkart
- 60% клиентов, удаливших приложение, вернулись к использованию Flipkart PWA
-
Улучшение производительности Lancôme
- Время до перехода страницы в интерактивное состояние сократилось на 84%
- Конверсии увеличились на 17%
- Количество мобильных сеансов на iOS увеличилось на 53%
-
Релиз через магазины приложений
- PWA не требует отдельной сборки или распространения для разных платформ
- Доступен пользователям через Интернет
- Разработчикам не нужно размещать PWA в системах цифровой дистрибуции
-
Поддержка PWA в магазинах приложений
- Google Play, Microsoft Store и Samsung Galaxy Store поддерживают PWA
- Apple App Store не поддерживает PWA
- Microsoft Store публикует некоторые PWA автоматически после их обнаружения с помощью индексации Bing
-
Инструменты и рекомендации
- Google Lighthouse — инструмент аудита PWA с открытым исходным кодом
- Внешние ссылки и Индекс стандартов рабочей группы по веб-приложениям