Мобильная разработка

PWA для интернет-магазина: что это дает на самом деле, а что нет

PWA – это манифест, service worker и HTTPS поверх вашего сайта. Что технически изменяется, где предел пользы, ограничение iOS и почему SPA без пререндера может стоить поискового трафика.

PWA продается как «мобильное приложение без App Store». Формулировка удобна, но она пропускает главное: PWA – это набор браузерных технологий поверх вашего сайта, а не отдельный продукт. Если сайт медленный, без карты сайта и без разметки, PWA ничего не спасет. Если сайт нормальный – PWA добавляет несколько конкретных вещей, и о них лучше знать до того, как платить за разработку.

Ниже — разбор механизмов: что именно меняется технически, откуда берется польза и где предел, по которому нет пользы.

Что такое PWA технически

Три составляющие, без которых браузер не сочтет сайт приложением:

  • HTTPS — обязательное условие, в противном случае service worker не зарегистрируется;
  • web app manifest — файл, описывающий название, иконки, стартовый адрес и режим отображения (standalone — это тот же «открывающийся без адресной строки»);
  • service worker — скрипт, стоящий между страницей и сетью и умеющий отдавать сохраненные копии файлов, когда сети нет или она медленная.

Все. Никакой упаковки, подписи сертификатом, ревью модератора. Сайт остается сайтом – просто браузер получает право показать его как приложение.

В нашей практике манифест подключен и на боевых проектах: у SaaS-платформы для рерайта описаний товаров PWA-манифест работает, при TTFB 220,6 мс и 141 КБ HTML на главной (наше измерение, 31.07.2026). Это, кстати, показывает порядок работы: сначала быстрая отдача страницы, затем манифест поверх нее.

Чем PWA действительно отличается от нативного приложения

Релиз выходит в тот же день

Нативный билд нужно собрать, подписать, отправить на ревью и дождаться публикации – отдельно в App Store, отдельно в Google Play. У PWA нового релиза как события не существует: вы выкатили сайт, service worker подтянул обновленную версию при следующем открытии. Исправление ошибки в чекате доезжает до пользователя часами, а не неделями.

Отсюда и арифметика стоимости, без вымышленных процентов: одна кодовая база вместо двух нативных плюс отсутствие цикла релизов в стороне. Сколько именно это сэкономит в вашем случае, зависит от того, что вы вообще собирались делать в приложении.

Установка происходит с вашего же сайта

Человек уже находится на странице товара. Чтобы поставить нативное приложение, ей нужно выйти в стр., найти вас среди схожих названий, дождаться загрузки и авторизоваться заново. Чтобы поставить PWA – нажать «Добавить на главный экран». Количество шагов между намерением и установкой разное, и это реальная разница в механике, а не в рекламном слогане.

Важная поправка: в Safari на iOS браузер не показывает автоматическое приглашение установить. Пользователь должен открыть меню «Поделиться» и выбрать «На экран Home». То есть на iPhone установка происходит только тогда, когда вы прямо объяснили человеку, что это возможно, и показали как.

Push-уведомления работают, но не одинаково везде

Теги

MobileE-commercePWA

Вам понравилась статья?

Ваше мнение помогает нам создавать лучший контент

Поделитесь с друзьями

Нашли что-нибудь полезное?

Помогите другим узнать это — поделитесь статьей в социальных сетях

Спасибо, что помогаете нам расти

Основатель LIONEX

Владислав Чистяков

Пишет о том, что делает руками: интернет-магазины на OpenCart, приложения на Next.js, интеграции и скорость сайтов. В статьях — замеры и проверки, которые читатель может повторить на своём проекте, а не общие советы. Коммерческая разработка с 2015 года.

Вопросы

Частые вопросы

Ответы на популярные вопросы по теме

Заменяет ли PWA мобильное приложение?

Частично — и именно поэтому формулировка «приложение без App Store» вводит в заблуждение. PWA даёт иконку на экране, работу без адресной строки и частичный доступ офлайн. Чего он не даёт: присутствия в магазинах приложений, полного доступа к возможностям устройства и того поведения, к которому люди привыкли в нативных программах. Если вам нужны именно магазины приложений — PWA эту задачу не закрывает.

Может ли PWA навредить поисковому трафику?

Может, и это самая дорогая ловушка здесь. Service worker решает, что отдавать из кеша, и при небрежной настройке способен отдавать боту не то, что видит человек, или устаревшую версию страницы. Поиск в таком случае видит сайт иначе, чем вы. Поэтому перед PWA проверяют базовые вещи — чтобы было что кешировать и чтобы кешировалось правильно.

Работает ли PWA на iPhone?

Да, но с ограничениями, и это стоит знать до разработки. Установка на экран и базовая офлайн-работа доступны; часть возможностей, привычных на Android, там либо отсутствует, либо ведёт себя иначе. Если основная аудитория магазина на iOS, проверять сценарий установки надо именно на нём, а не в эмуляторе.

Когда PWA точно не нужен?

Когда сайт под ним медленный, без карты сайта и без разметки — PWA ничего из этого не починит, а лишь добавит слой, в котором легко ошибиться. Так же он лишний, если люди заходят к вам раз в несколько месяцев: иконка на экране имеет смысл там, где есть повторные визиты. Сначала база, потом PWA.

Сколько длится разработка PWA?

Зависит от состояния сайта, а не от самого PWA: на готовом и быстром сайте это умеренная работа, на запущенном — сначала придётся привести в порядок основу. Срок в рабочих днях называем после бесплатного разбора и фиксируем в договоре вместе с объёмом.

Получайте лучшие статьи на почту

Подпишитесь на нашу рассылку и получайте полезные советы, инсайты и новости о веб-разработке, маркетинге и бизнесе.

Мы уважаем вашу конфиденциальность. Отписаться можно в любой момент.