Понятие Progressive Web Applications (PWA) на слуху уже давно. А сейчас особенно становится популярным из-за достаточного количества плюсов его использования в сфере веб-разработки. Основные из них, — это экономия бюджета, push-уведомления и работа оффлайн.
PWA (Progressive Web App) — это технология, позволяющая создавать сайты, которые могут работать как мобильные приложения и десктопные приложения. Если кратко, то это гибрид обычного сайта и мобильного приложения.
Многие известные бренды (Twitter, Telegram, Uber, Tinder, Airbnb и др.) уже используют PWA в качестве основного продукта или дополнения к мобильному приложению.
При первой загрузке сайта у пользователя появляется всплывающее окно с предложением добавить сайт на главный экран.
Вот так это окно выглядит на смартфоне:
А вот так на настольном компьютере или ноутбуке:
После этого у пользователя появится иконка сайта на главном экране и возможность запустить его как отдельное приложение.
Таким образом ваш сервис оказался на устройстве пользователя всего в два клика. Многие функции, которые предоставляет PWA, будут работать, даже если пользователь откажется закрепить приложение на главном экране.
После установки приложения, пользователь видит адаптивную версию вашего сервиса в отдельном окне.
WEB-сайт | PWA | Мобильное приложение | |
Работает без установки | ✅ | ✅ | ❌ |
Работает на всех устройствах | ✅ | ✅ | ❌ |
Индексируется поисковыми системами | ✅ | ✅ | ❌ |
Мгновенная доставка обновлений | ✅ | ✅ | ❌ |
Небольшой размер | ✅ | ✅ | ❌ |
Установка на главный экран устройства | ✅ | ✅ | ✅ |
Push-уведомления | ❌ | ✅ | ✅ |
Работа в оффлайн-режиме (без соединения с интернетом) | ❌ | ✅ | ✅ |
Нет отвлекающих элементов управления браузера | ❌ | ✅ | ✅ |
Возможность добавить в каталог Play Market | ❌ | ✅ | ✅ |
Возможность добавить в каталог App Store | ❌ | ❌ | ✅ |
Поддержка всех нативных API устройства | ❌ | ❌ | ✅ |
PWA — технология, которая позволяет совместить возможности обычного сайта и мобильного приложения. Внедрение этой технологии как минимум не помешает вашему сайту, но даст дополнительные возможности — такие, как работа оффлайн, Push-уведомления, установка в Google Play Market и многое другое. Разработка PWA значительно дешевле и быстрее, чем разработка мобильного приложения, но позволяет создать UX, очень похожий на работу пользователя с мобильным приложением.