PWA для бизнеса - не модный тренд и не замена нативному приложению. Надстройка над сайтом, которая даёт иконку на рабочем столе, push-уведомления и работу без интернета. Окупается там, где есть возвратный трафик, теряет смысл там, где клиент приходит один раз. Разберём, кому подходит, сколько стоит и какие ошибки чаще всего убивают эффект.
Материал собран по проектам веб-студии Сайты2.рф из Кронштадта. С 2008 года выпустили 550+ сайтов, NPS 9,2, средний рост заявок после редизайна ×2,4. PWA внедряли для фитнес-клубов, доставок, оптики, медиа-ресурсов в Санкт-Петербурге и Ленинградской области. Время чтения - 12 минут.
Что такое PWA в 2026 году
PWA (Progressive Web App) - сайт, который умеет вести себя как приложение. Технически - три кита: service worker, файл manifest.json и HTTPS-соединение. Поверх них работают push-уведомления, офлайн-кеш и установка иконки на рабочий стол смартфона или ноутбука.
Service worker - небольшой JavaScript-скрипт, который браузер запускает в фоне. Он перехватывает запросы к серверу, отдаёт страницы из кеша, синхронизирует данные при появлении интернета. Manifest.json описывает, как сайт выглядит после установки: иконка, цвет шапки, имя приложения, режим запуска.
Пользователь заходит на сайт через обычный браузер. Через несколько секунд появляется кнопка "Установить приложение". После клика на главном экране смартфона возникает иконка, как у нативного приложения из стора. Запуск открывает сайт в полноэкранном режиме без адресной строки. Внешне отличить от нативки сложно.
В 2026 году PWA поддерживают все основные браузеры: Chrome, Edge, Firefox, Opera, Samsung Internet. Safari тоже работает, но с ограничениями - о них ниже отдельный раздел.
Чем PWA отличается от нативного приложения
Главное различие - способ распространения. Нативное приложение публикуется в App Store и Google Play. Отсюда проверка модераторов 1-7 дней, отчисление 15-30% с платежей внутри приложения, согласование обновлений. PWA ставится с сайта в один клик, обновляется автоматически при следующем визите, никому ничего не платит.
Второе различие - стоимость разработки. Нативка под iOS пишется на Swift, под Android - на Kotlin. Два отдельных кодовых проекта. Кросс-платформенный фреймворк (Flutter, React Native) экономит до 40%, но не до конца. PWA - ваш существующий сайт плюс надстройка. Бюджет на порядок ниже.
Третье - возможности железа. Нативке доступно всё: камера, NFC, Bluetooth LE, фоновая геолокация, биометрия. PWA получает только часть API, причём список зависит от браузера. Камера и геолокация работают везде, NFC и Bluetooth - в Chrome на Android, биометрия - частично.
Четвёртое - доверие пользователя. Иконка из стора воспринимается как "настоящее приложение". PWA ставится с сайта без рекламной кампании в маркетплейсе - но для возвратного клиента это не минус. Он уже знает бренд.
Если бизнесу нужна сложная игровая графика, фоновая работа с датчиками, продажи через App Store - выбор за нативкой. Во всех остальных сценариях PWA закрывает 80% задач за 10-15% бюджета.
Когда PWA окупается
PWA для бизнеса работает там, где клиент возвращается на сайт регулярно. Чем выше частота визитов, тем быстрее отбивается надстройка. Разберём три сильных сценария.
1. Возвратный трафик: магазины, медиа, образование, фитнес, бронирование.
Иконка на рабочем столе сокращает путь до сайта. Вместо "открыть браузер - вспомнить адрес - ввести вручную - дождаться загрузки" клиент тапает по иконке и попадает в кеш за 0,3 секунды. По нашим замерам, повторные визиты у магазинов с PWA выросли на 18-35% за 2-3 месяца после внедрения.
2. Бизнес с push-уведомлениями: запись, новости, акции.
Push - сильная сторона PWA. Уведомление приходит на смартфон, как от нативного приложения. Запись на стрижку через 2 часа, скидка до конца дня, новый урок в курсе - всё доходит без email и SMS. Стоимость отправки - копейки против 4-7 ₽ за SMS.
3. Слабый интернет: логистика, выездные сервисы, регионы.
Курьер в области, торговый представитель на маршруте, инженер на объекте - они работают там, где 4G ловит через раз. Service worker кеширует справочник, бланки заявок, карту торговых точек. Данные синхронизируются с сервером, когда появляется связь. Без PWA эти сценарии или ломаются, или требуют отдельной нативной разработки за 800 000-1 500 000 ₽.
В каталоге наших реализованных проектов есть примеры всех трёх сценариев. Часть из них вынесли в формат подробных кейсов на блоге.
Когда PWA не нужен
Не каждому сайту нужен service worker и push. Бывают типы проектов, где PWA даёт только лишнюю строчку в смете без эффекта.
Одноразовые лендинги под рекламу. Пользователь пришёл из контекста, оставил заявку, ушёл. Возврат не планируется, иконка на рабочем столе не нужна. Бюджет лучше пустить на скорость загрузки и конверсионный дизайн.
Сайты-визитки и презентационные ресурсы. Если задача - один раз показать каталог услуг и собрать звонки, PWA не отобьётся. Push некому отправлять, офлайн-кеш некому показывать. Достаточно мобильной адаптивной вёрстки.
B2B с длинной воронкой через звонок и встречу. Промышленный клиент изучает сайт раз в квартал, основная коммуникация идёт по телефону и email. Тратить на PWA 80-150 тысяч в этом сценарии - выкинуть деньги. Нужнее SEO, кейсы, личный кабинет дилера.
Сайты с критичной зависимостью от App Store-биллинга. Подписки на iOS, продажи внутри приложения с привязкой к Apple-аккаунту работают только в нативке. PWA не поможет.
Вывод простой: считайте экономику. PWA даёт прирост возвратных визитов и снижение стоимости касания. Если этих двух показателей нет в вашей бизнес-модели, надстройка превращается в строчку расходов без отдачи.
Три мини-кейса по СПб и ЛО
Все цифры обезличены. Имена брендов скрыты по соглашениям о конфиденциальности. Конкретные показатели помечены как требующие фактчекинга на этапе публикации.
Кейс 1. Премиум-фитнес в Приморском районе СПб
Клуб с 4 локациями обратился за редизайном сайта и онлайн-записью. После запуска базовой версии добавили PWA-надстройку: иконка на рабочем столе, push о записи за 2 часа до тренировки, кеш расписания.
Результаты за 4 месяца:
- Доля повторных визитов с мобильных: рост с 31% до 48%
- Отмены тренировок без предупреждения: снижение с 14% до 6%
- Установок PWA: 2 100 за квартал
Подробный разбор проекта - в материале кейс сайта фитнес-клуба.
Кейс 2. Сеть оптики в Гатчине - возврат клиентов через push
Региональная сеть из 6 салонов в Гатчине и окрестностях Ленинградской области. Средний цикл повторной покупки очков - 18 месяцев. Задача была удержать клиента в воронке между визитами и напоминать о гарантийной чистке.
Внедрили PWA с тремя push-сценариями: напоминание о бесплатной чистке через 6 месяцев, акции на линзы, скидка ко дню рождения. Установка предлагалась после оформления первой пары.
Цифры за 6 месяцев работы:
- Установок PWA: 1 380
- Доля повторных продаж среди подписчиков push: 22% против 9% в среднем по базе
- Стоимость касания: 1,3 ₽ против 6,5 ₽ за SMS
PWA окупился за 2,5 месяца только на сэкономленных SMS.
Кейс 3. Сервис доставки еды в Сосновом Бору - офлайн-каталог
Локальная служба доставки в Сосновом Бору работает с зоной 25 км. Часть посёлков ловит мобильный интернет нестабильно. Заказчики жаловались, что не могут открыть меню в дороге или на даче.
Сделали интернет-магазин на 1С-Битрикс с PWA-надстройкой. Service worker кеширует полное меню, фото блюд, цены. Заказ оформляется офлайн, отправляется на сервер, как только появляется связь.
Результаты за 5 месяцев:
- Доля заказов с подтверждённой "офлайн-постановкой в очередь": 11%
- Конверсия мобильных пользователей выросла с 2,8% до 4,1%
- Push о готовности заказа: 94% открываемость
Сколько стоит внедрение PWA
Цена зависит от двух вещей: что уже есть на сайте и какие функции нужны в PWA.
Базовая надстройка - от 80 000 ₽. Это manifest.json, service worker с кешированием статики, иконки 8 размеров, кнопка установки. Подходит магазинам и медиа, где push не критичен. Срок: 7-10 рабочих дней.
Полная реализация с push-инфраструктурой - от 150 000 ₽. Сюда добавляется серверная часть отправки уведомлений (FCM или собственный сервер), сегментация подписчиков, шаблоны сообщений, аналитика открываемости. Срок: 18-25 рабочих дней.
PWA с офлайн-режимом и фоновой синхронизацией - от 220 000 ₽. Кеширование динамики (товары, заказы, личный кабинет), очередь действий при отсутствии связи, конфликт-резолвинг данных. Этот уровень нужен логистике, доставке, выездным сервисам.
PWA для уже работающего интернет-магазина - в нижней части диапазона: код в основном пишется поверх существующих API. PWA с нуля вместе с сайтом - в верхней: проектирование архитектуры с расчётом на офлайн-сценарии стоит дороже.
Точную смету по вашему проекту можно получить через калькулятор или с открытого прайс-листа студии. Сравнение с общим бюджетом разработки сайта - в гайде сколько стоит разработка.
Технические требования
PWA нельзя "включить" на любом сайте. Браузер проверяет четыре условия перед предложением установки:
- HTTPS-соединение. Service worker не работает по HTTP. Сертификат должен быть валидным, не самоподписанным. Let's Encrypt подходит.
- Валидный manifest.json. Имя, короткое имя, иконки минимум 192x192 и 512x512, start_url, display, theme_color. Без обязательных полей браузер игнорирует манифест.
- Зарегистрированный service worker. Скрипт обязан быть доступен по корневому пути сайта (или его части), отвечать на событие fetch.
- Скорость загрузки. Если LCP сайта больше 4 секунд, браузер не показывает кнопку установки. Рекомендованный порог - 2,5 секунды. Подробно работа со скоростью разобрана в гайде как ускорить сайт и Core Web Vitals 2026.
Дополнительно: иконка должна выглядеть прилично на тёмном и светлом фоне, манифест - содержать русское имя приложения, theme_color - совпадать с фирменными цветами. Эти мелочи решают, поставит пользователь иконку или нет.
Ограничения PWA в iOS
Apple относится к PWA сдержанно. Часть функций в Safari либо отсутствует, либо работает с оговорками. Что нужно знать перед запуском.
Push-уведомления на iOS. Поддерживаются с iOS 16.4 (март 2023). Сайт должен быть установлен на главный экран через "Поделиться - На экран Домой". Без этого push приходить не будет.
Размер кеша. Safari жёстче лимитирует объём данных в кеше: примерно 50 МБ против 500-1000 МБ в Chrome. Большие офлайн-каталоги фотографий придётся ужимать или подгружать частично.
Очистка через 7 дней неиспользования. Если пользователь не открывал PWA неделю, Safari может очистить кеш и данные. Чувствительные сценарии (личный кабинет с автологином) ломаются.
Установка только через "Поделиться". Кнопка "Установить приложение" в Safari не появляется. Нужна явная инструкция в интерфейсе: "Нажмите 'Поделиться' и 'На экран Домой'". Без этой подсказки доля установок на iOS падает в разы.
Несмотря на ограничения, PWA для бизнеса с iOS-аудиторией всё равно полезен. По нашим замерам, доля установок на iOS - 35-45% от Android, но эти пользователи дают 60-70% выручки. Игнорировать их нельзя.
Пять ошибок при внедрении
1. Запуск без аналитики. Команда внедрила PWA, но не настроила счётчики установок, удалений, открытий. Через полгода невозможно сказать, окупились ли 150 000 ₽. Метрики ставим до запуска: события в Яндекс.Метрике, GA4, push-сервисе.
2. Агрессивный промпт установки. Окно "Установите приложение" вылетает на первом экране через 3 секунды после захода. Пользователь не успел понять, что за сайт, и нажимает "Нет". Браузер запоминает отказ на 90 дней. Правильно: показывать промпт после второго визита или после полезного действия.
3. Push-спам. Подписали - и сразу залили рекламой. Через неделю клиент отписывается, иконка удаляется. Норма: 1-2 push в неделю, в основном с пользой (статус заказа, напоминание, акция по интересу).
4. Кеш без инвалидации. Service worker отдаёт устаревшую версию страницы, потому что разработчик забыл логику обновления. Клиент видит старые цены, телефон, акции. Решение - стратегия cache-first с фоновым обновлением и версионирование статики.
5. Игнор iOS-инструкций. Команда тестирует PWA на Android, видит кнопку установки, радуется. У 40% iOS-аудитории кнопки нет. Нужна отдельная инструкция в интерфейсе и баннер с шагами установки через Safari.
FAQ
Будет ли PWA в App Store или Google Play?
Нет, в этом и плюс. PWA ставится напрямую с сайта в один клик. С 2023 года PWA можно публиковать в Google Play через бандл TWA, в App Store - нельзя без оборачивания в нативное приложение.
Сколько весит PWA на смартфоне?
Базовый кеш: 1-3 МБ. С офлайн-каталогом и медиа: до 30-50 МБ. Это в 5-10 раз меньше типового нативного приложения.
Нужно ли переделывать сайт под PWA?
Нет, в большинстве случаев PWA - надстройка поверх существующего сайта. Если сайт сделан давно (Битрикс старше 2019 года, самописное), может потребоваться редизайн или техническая модернизация под HTTPS и скорость.
Будет ли PWA индексироваться поисковиками?
Да, PWA - это сайт. Все страницы доступны для роботов Яндекса и Google, индексация идёт как обычно. Service worker и manifest на индексацию не влияют.
Можно ли сделать PWA на Tilda или WordPress?
На WordPress - да, через плагины (Super Progressive Web Apps, PWA для WP). На Tilda - нет: платформа не даёт доступ к корневому service worker. На 1С-Битрикс - да, через модули или ручную интеграцию.
Сколько живёт PWA без интернета?
Закешированные страницы доступны до очистки кеша. На Android - месяцы и годы. На iOS Safari - до 7 дней неиспользования, потом возможна очистка.
Что в итоге
PWA для бизнеса работает на возвратный трафик и снижение стоимости касания. Окупается у магазинов, фитнеса, сервисов с push-сценариями, выездных служб. Не нужен лендингам и сайтам-визиткам. Бюджет начинается с 80 000 ₽ за базовую надстройку и доходит до 220 000 ₽ за полную реализацию с офлайн-режимом.
Студия Сайты2.рф из Кронштадта внедряет PWA с 2019 года. За это время выпустили 550+ сайтов, средний рост заявок ×2,4, NPS 9,2. Работаем по СПб, Ленинградской области и регионам России. Если нужна оценка под ваш проект - заполните бриф или позвоните +7 (812) 942-47-44.
