PWA

Технически PWA — это обычный сайт плюс три вещи: HTTPS, манифест с иконками и названием и service worker — фоновый скрипт, который перехватывает сетевые запросы и умеет отдавать закешированные ответы. Именно service worker даёт офлайн-режим и мгновенное открытие при повторных заходах: оболочка приложения берётся из кеша, а свежие данные подтягиваются в фоне. Push-уведомления работают в Android-браузерах давно, в iOS — для приложений, добавленных на домашний экран, начиная с iOS 16.4.

Коммерческий аргумент за PWA в России стал сильнее, чем на западных рынках. Приложения российских компаний, особенно из финансового сектора, регулярно исчезают из App Store, и PWA оказывается каналом, который никто не может удалить: он живёт на вашем домене и обновляется вашим деплоем. Плюс экономика: одна кодовая база вместо двух нативных, отсутствие ревью при релизе, отсутствие комиссии сторов. Для магазина, сервиса записи, личного кабинета или медиа этого набора часто достаточно.

Ограничения тоже реальные, и продавать PWA как «то же нативное приложение, только дешевле» нечестно. На iOS доступ к части системных возможностей урезан, лимиты кеша ниже, а фоновая работа ограничена сильнее, чем в Android. Тяжёлая графика, работа с Bluetooth и NFC, глубокая интеграция с системными сервисами — это по-прежнему территория нативной разработки. И отдельно про установку: пользователь не увидит PWA в поиске стора, поэтому канал привлечения придётся строить самим — через сайт, рассылку и рекламу.

Смежные термины

• Адаптивный дизайнАдаптивный дизайн — подход, при котором одна вёрстка перестраивается под ширину экрана: сетка, типографика и порядок блоков меняются на заданных брейкпоинтах, вместо того чтобы открывать отдельную мобильную версию на поддомене.
• Core Web VitalsCore Web Vitals — три метрики скорости и стабильности страницы от Google: LCP (отрисовка главного элемента) должен укладываться в 2,5 секунды, INP (отклик на действие) — в 200 миллисекунд, CLS (сдвиг вёрстки) — в 0,1.
• SSR и CSRSSR и CSR — два способа получить HTML: при серверном рендеринге страница собирается на сервере и приходит готовой, при клиентском браузер получает пустой каркас и дорисовывает содержимое JavaScript-ом уже после загрузки.
• APIAPI — зафиксированный набор правил, по которым одна программа запрашивает данные или действия у другой: адреса методов, формат запроса и ответа, авторизация и лимиты, описанные так, чтобы обе стороны могли меняться независимо.

Услуги по теме

• Разработка веб-приложений и Telegram Mini AppКогда сайта уже мало и нужен продукт: личный кабинет, дашборд, внутренний сервис или Mini App внутри Telegram. Проектируем архитектуру, пишем бэкенд и фронтенд, доводим до релиза.
• Разработка мобильных приложенийПриложения для iOS и Android — от прототипа до публикации в App Store и Google Play. Помогаем выбрать между кроссплатформенной и нативной разработкой, исходя из задачи, а не из моды.

Почитать подробнее

• Telegram Mini App для бизнеса: кому нужен и сколько стоитMini App — это веб-приложение внутри Telegram, которому не нужны сторы и установка. Разбираем, чем он отличается от бота и мобильного приложения, какие механики работают, как устроена авторизация и сколько стоит разработка.
• Flutter, React Native или натив: что выбрать в 2026Выбор между Flutter, React Native и нативом — это решение об экономике продукта, а не о технологии. Разбираем, где кроссплатформа экономит половину бюджета, где она обходится дороже, и что меняет российская специфика 2026 года.