+38 067 532 01 40
Написать нам

PWA

Превращаем сайт в приложение, которое устанавливается на экран телефона: манифест, service worker, офлайн-кеш и пуш-уведомления. Без публикации в магазинах.
Заказать проект

Что входит в разработку PWA

Работаем поверх существующего сайта: добавляем манифест, service worker и уведомления, не переписывая проект заново. Код остаётся в вашем репозитории.

Web App Manifest и установка

Иконки под все размеры экранов, название, цвета, экран запуска и режим без адресной строки. Именно этот файл делает сайт таким, что его предлагают установить.

ManifestИконкиУстановка

Service worker и офлайн-режим

Оболочку сайта и статику кешируем заранее, данные тянем из сети со страховкой кешем. Без связи человек видит сохранённые страницы, а не ошибку браузера.

Service workerОфлайнКеш

Пуш-уведомления

Подписка через Web Push, сегменты и сценарии: брошенная корзина, статус заказа, поступление товара. Запрос на разрешение показываем после действия пользователя, а не на первом экране.

Web PushСегменты

Скорость повторных визитов

Второе открытие идёт из кеша, поэтому интерфейс появляется почти мгновенно даже на слабой сети. Это видно в мобильных показателях Core Web Vitals.

КешCore Web Vitals

PWA поверх существующего сайта

Работает на WordPress, OpenCart или самописном проекте. Переносить контент и менять CMS не нужно — меняется слой доставки файлов, а не сайт.

WordPressOpenCartИнтеграция

Измерение установок

События установки, запуска с иконки и реакции на пуши передаём в GA4. Видно не только сколько человек поставили приложение, но и сколько им действительно пользуются.

GA4События

Результаты наших клиентов

Мы строим долгосрочные партнёрства — и цифры говорят сами за себя: средний срок сотрудничества составляет 5 лет, а финансовые результаты наших партнёров растут из квартала в квартал.

Отзывы

Мы строим долгосрочные партнёрства — и цифры говорят сами за себя: средний срок сотрудничества составляет 5 лет, а финансовые результаты наших партнёров растут из квартала в квартал.

Как мы работаем

PWA не лечит проблемы сайта. Поэтому не беремся за неё, пока плохо работает основа.

Сначала быстрый сайт, потом PWA

Кеш ускоряет повторные визиты, но первое открытие остаётся таким, каким было. Если страница грузится долго, начинаем именно с неё.

Кеш с версиями

Самая частая ошибка внедрения — пользователь видит старую цену, потому что service worker отдаёт сохранённую копию. Версионирование кеша закладываем сразу.

Не уговариваем установить

Баннер поверх контента на первом экране портит конверсию и мобильные метрики. Предложение показываем тем, кто уже вернулся на сайт.

Заказать консультацию или аудит

Расскажите о задаче — подберём решение и покажем, как оно считается в цифрах. Консультация бесплатная, без обязательств.
Ошибка: Убедитесь, что все необходимые поля правильно заполнены и повторите попытку

Когда PWA выгоднее приложения

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

01

Одна кодовая база

Сайт и приложение — один и тот же проект. Не нужны отдельные разработчики под iOS и Android и синхронизация трёх версий функциональности.

02

Обновления без модерации

Исправленная цена или текст появляются у пользователя при следующем открытии. Не нужно ждать проверки магазина и уговаривать людей обновить приложение.

03

Контент остаётся в поиске

Страницы PWA — это обычные URL, которые индексируются и приводят трафик. Содержимого нативного приложения в поисковой выдаче не существует.

Как мы внедряем PWA

Начинаем не с манифеста, а с вопроса, что именно пользователь должен делать без сети. От ответа зависит стратегия кеша.

01

Аудит сайта

Проверяем HTTPS, скорость, мобильную вёрстку и то, какие страницы вообще имеет смысл кешировать. Если сайт медленный, сначала чиним это.

02

Сценарий офлайна

Договариваемся, что доступно без сети: каталог, карточка товара, контакты, сохранённые документы. Остальное показывает понятную страницу-заглушку вместо ошибки браузера.

03

Манифест, service worker, кеш

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

04

Проверка и запуск

Тестируем установку на Android и iOS, режим без сети и переход на новую версию. Дальше подключаем пуши и события в аналитике.

Gift
Показать промокод

Дополнительные услуги

Все компетенции в штате — быстрое решение комплексных задач без потери качества и времени на коммуникацию с подрядчиками.

Сайты

Landing Page

E-commerce

Рекламные креативы

Внедрение CRM

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

То, что спрашивают до старта работ.

01

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

Адаптивный сайт просто удобно выглядит на телефоне. PWA добавляет к этому иконку на экране, работу без сети и пуши. Если адаптивная вёрстка уже есть, это не альтернатива ей, а следующий слой поверх.

02

PWA заменит нам нативное приложение?

Зависит от функций, и честный ответ здесь бывает отрицательным. Каталог, личный кабинет, заказы, статусы и пуши PWA закрывает. Bluetooth-оборудование, фоновое отслеживание маршрута, оплата через магазин приложений — нет, для этого нужна нативная разработка.

03

Как PWA ведёт себя на iPhone?

Устанавливается только вручную через Safari: «Поделиться» → «На экран „Домой“». Веб-пуши включаются после этого шага. Кеш система может очистить, если приложение долго не открывали, поэтому офлайн-сценарий на iOS менее надёжен, чем на Android.

04

Можно ли опубликовать PWA в Google Play или App Store?

В Google Play — да, через обёртку Trusted Web Activity. С App Store сложнее: Apple отклоняет приложения, которые только открывают сайт, поэтому для магазина Apple чаще нужна полноценная нативная разработка.

05

Сколько стоит поддерживать PWA?

Отдельного бюджета на неё обычно нет — это часть поддержки сайта. Добавляется одно регулярное действие: после каждого релиза проверить, что кеш обновился и пользователи видят новую версию.

06

Влияет ли PWA на позиции в поиске?

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

07

Сколько времени занимает разработка?

Зависит от состояния сайта и объёма офлайн-сценария. Базовый набор — манифест, кеш статики и офлайн-страница — делается заметно быстрее, чем офлайн-каталог с синхронизацией данных. Срок называем после аудита.

08

Мы на WordPress. Плагин не сделает это сам?

Плагин даст манифест и базовый кеш, и для сайта-визитки этого может хватить. Для магазина или личного кабинета стратегии кеша нужно писать под конкретные страницы, иначе в кеш попадают персональные данные и человек видит старую цену.

Разработка PWA: сайт, который работает как приложение

Что такое PWA простыми словами

PWA (Progressive Web App) — это обычный сайт, которому добавили три вещи: иконку на домашнем экране, работу без интернета и пуш-уведомления. Пользователь открывает его с экрана телефона, как приложение, но скачивать ничего не нужно — всё работает через браузер.

Технически это несколько файлов поверх существующего сайта. Web App Manifest описывает название, иконки, цвета и то, что приложение открывается без адресной строки. Service worker — скрипт между страницей и сетью: он перехватывает запросы и отдаёт сохранённые копии, когда связи нет. Обязательное условие — HTTPS.

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

Сравнение по пунктам, которые реально влияют на решение и на бюджет.

КритерийОбычный сайтPWAНативное приложение
Установканетиконка на экран прямо из браузерачерез App Store или Google Play
Без сетипустая страницаработает то, что в кешеработает
Пуш-уведомлениятолько в браузереда, с ограничениями на iOSда
Обновлениясразусразу, после смены версии кешарелиз и модерация магазина
Доступ к железуминимальныйкамера, геолокация, файлыполный
Кодовая базаоднаоднаотдельная под iOS и Android
Поисковая выдачаиндексируетсяиндексируетсянет

Ограничения на iOS, о которых стоит знать заранее

Android предлагает установку сам: браузер показывает подсказку, человеку достаточно согласиться. На iPhone сайт нужно открыть в Safari и нажать «На экран „Домой“» — системного баннера нет, и часть аудитории просто не знает об этом действии. Веб-пуши на iOS работают только после этого шага, а кеш система может очистить, если приложение долго не открывали.

Когда PWA заказывать не стоит

  • нужен Bluetooth, оплата по NFC или фоновое отслеживание маршрута — здесь выигрывает нативное приложение;
  • аудитория ищет вас именно в App Store и воспринимает присутствие в магазине как доказательство серьёзности;
  • сайт медленный или неудобный — PWA это не лечит, она консервирует проблему в кеше;
  • трафик разовый: люди приходят из рекламы, покупают один раз и не возвращаются. Ставить иконку на экран некому.

PWA или новый сайт

Корпоративный сайт, интернет-магазин и лендинг — это типы сайтов со своей структурой и контентом. PWA не заменяет ни один из них: это режим работы, который добавляется поверх готового проекта. Если сайта ещё нет, сначала разработка, а PWA становится следующим шагом того же проекта.

С кем мы работали

Adcore работает с 2014 года, в штате 24 сотрудника, более 600 завершённых проектов. Среди клиентов — Hyundai, Heineken, Kärcher, CLAAS, Hilti, PepsiCo, «Сильпо», Materia Medica, жилые комплексы и сети клиник. Кейсы собраны в портфолио.

digital агентство Adcore © 2012-2026 ООО "АДКОР" г. Киев, Украина