Что такое PWA по-простому
PWA (Progressive Web App) — это сайт, который умеет вести себя как приложение: ставится на главный экран телефона в один тап прямо из браузера, открывается без адресной строки, работает при плохом интернете и присылает push-уведомления. Пользователь не отличит его от «настоящего» приложения — а для бизнеса это по-прежнему один сайт с одной кодовой базой.
Что умеет PWA
- Установка без сторов. Баннер «Добавить на главный экран» — и иконка на телефоне. Никаких App Store, Google Play, модераций и комиссий.
- Офлайн и слабый интернет. Service Worker кэширует страницы и данные: каталог листается в метро, заказ отправится, когда появится сеть.
- Push-уведомления — «заказ приехал», «скидка на ваш размер» (на iOS — с ограничениями, об этом ниже).
- Скорость. Повторные открытия почти мгновенные — всё уже в кэше.
- Одно обновление для всех: выкатили на сервер — у всех новая версия. Без «обновите приложение» и поддержки зоопарка старых версий.
PWA против нативного приложения
| Критерий | PWA | Нативное (iOS + Android) |
|---|---|---|
| Стоимость | надстройка над сайтом, от 100–300 тыс. ₽ | от 1,5–3 млн ₽ за две платформы |
| Сроки | недели | месяцы |
| Установка | с сайта, в один тап | через сторы, с модерацией |
| Push на Android | да | да |
| Push на iOS | да, но только после добавления на экран «Домой» | да |
| Bluetooth, NFC, глубокая интеграция с ОС | ограничено | полный доступ |
| Поддержка | одна кодовая база с сайтом | две команды/подрядчика |
Кому PWA подходит
- Интернет-магазинам — быстрый каталог, корзина офлайн, пуши о статусе заказа и акциях. Классические кейсы (AliExpress, Lancôme) показывали рост конверсии на десятки процентов после запуска PWA.
- Доставке еды, услугам по записи — постоянные клиенты получают «приложение» без затрат на разработку двух платформ.
- Медиа и контент-проектам — чтение офлайн, пуши о новых материалах.
- B2B-порталам — личный кабинет «как приложение» для дилеров и сотрудников.
Кому не подходит
- Нужна тяжёлая работа с железом: Bluetooth-устройства, NFC-оплата, фоновая геолокация.
- Продукт живёт поиском в App Store — PWA там не найдут.
- Игры и приложения с тяжёлой графикой.
Что нужно технически
Три кита PWA: HTTPS, манифест (имя, иконки, цвета — чтобы «устанавливаться»), Service Worker (кэш, офлайн, пуши). Если сайт современный и быстрый — PWA делается как надстройка за пару недель; если сайту десять лет, начинать надо не с PWA, а с самого сайта.
Вывод
PWA — золотая середина между «просто сайтом» и дорогим нативным приложением: 80% пользы за 15% цены. Если клиенты возвращаются к вам регулярно, а бюджета на мобильную разработку нет — это ваш вариант. Расскажем, что нужно именно вашему проекту.