PWA-приложения, которым не нужны сервисы
Обычное веб-приложение живёт на чужой инфраструктуре: сервер, подписки, API, счёт каждый месяц. Прогрессивное PWA живёт в самом браузере: данные хранятся у пользователя, офлайн-кэш вместо бэкенда, браузерные API вместо платных сервисов. Справа ролик проигрывается сам — смотрите «переезд на автономность».
- Ноль серверов и подписок: приложение работает на сайте и в браузере автономно
- Данные принадлежат пользователю: localStorage и IndexedDB вместо чужого облака
- Установка с сайта в один тап — и офлайн-режим без перерывов на «нет сети»
Шесть систем автономии
Автономный PWA собирается из шести источников, которые браузер даёт бесплатно: вместе они заменяют сервер, подписки и облака.
Service Worker
Офлайн-кэш вместо бэкенда: приложение открывается без сети и отвечает мгновенно — ресурсы уже в браузере.
Web App Manifest
Установка с сайта в один тап: иконка на рабочем столе, запуск как приложение — без сторов и модерации.
localStorage / IndexedDB
База данных прямо в браузере: заметки, настройки, черновики живут у пользователя, а не на чужом сервере.
Браузерные API
Камера, геолокация, share, локальные уведомления, файлы — возможности устройства без серверов и SDK.
Экспорт и импорт
Данные выгружаются файлом и переносятся между устройствами: автономность — не изоляция, а владение.
Обновление на месте
Правки выкатываются как на обычный сайт: пользователь просто открывает приложение — без обновлений из стора.
Автономность можно потрогать
Слева — настоящее приложение внутри этой страницы: заметки сохраняются в вашем браузере, сервера нет вообще. Справа — симулятор: «отключите интернет» и убедитесь, что автономному приложению это безразлично.
Автономный блокнот
Добавьте запись и перезагрузите страницу — она останется: это и есть работа без сервисов, данные лежат в вашем браузере.
- записей пока нет — добавьте первую
localStorage + ванильный JS: ни одного запроса наружу. Так же — в вашем приложении.
Переключите тумблер: сервисы погаснут, приложение — нет. Это и есть офлайн-логика PWA на Service Worker.
Четыре раунда: с сервисами и без
Нажмите карточку — результат откроется на обороте.
Раунд 1: Счёт
Сколько платите каждый месяц за инфраструктуру?
нажмите — вскрыть₽/мес → 0 ₽
- подписки и хостинг исчезают
- платите один раз за разработку
Раунд 2: Офлайн
Что происходит при отключении сети?
нажмите — вскрытьМертво → Работает
- сервис-зависимое приложение падает
- PWA достаёт всё из кэша
Раунд 3: Данные
Кому принадлежат данные пользователей?
нажмите — вскрытьЧужие → Пользователя
- на сервисе — как повезёт с политикой
- в PWA — в браузере пользователя
Раунд 4: Скорость
Как быстро реагирует интерфейс?
нажмите — вскрытьЗапросы → Мгновенно
- каждое действие — поход на сервер
- локальные данные — без задержек
Сколько съедают сервисы — и когда окупится PWA
Двигайте ползунки: места пользователей, подписки, бэкенд и стоимость разработки. Внизу — экономия в месяц и год, и срок окупаемости.
Модель считает только прямые платежи за сервисы, не учитывая время админов и риск роста цен.
Что мы делаем
Прокрутите ленту: от аудита до автономного приложения под ключ.
Аудит автономности
- какие функции можно забрать из сервисов
- что оставить на сервере, а что — в браузер
- смета экономии по вашим подпискам
бесплатно · 2 рабочих дня
Запросить аудитСайт → PWA
- офлайн-кэш и кнопка установки
- локальное хранение данных
- работа на сайте и как приложение
от 90 000 ₽ · 2–4 недели
Обсудить проектАвтономное приложение
- трекеры, задачники, калькуляторы, справочники
- ноль серверов и подписок
- экспорт/импорт данных файлом
от 180 000 ₽ · по ТЗ
Получить сметуСопровождение
- новые модули и правки
- миграция данных при обновлениях
- забота о Core Web Vitals
от 15 000 ₽/мес
Подключить← лента прокручивается →
Прогрессивные PWA-приложения для браузера и сайта без подключения сервисов
PWA (Progressive Web App) — это приложение, которое живёт в браузере и на сайте одновременно: открывается по обычному адресу, устанавливается на рабочий экран в один тап и работает автономно — офлайн, без бэкенда и платных подписок. Данные хранятся в браузере пользователя (localStorage, IndexedDB), офлайн-режим обеспечивает Service Worker, а вместо серверных сервисов используются бесплатные API самого браузера. Ниже — устройство технологии, честное сравнение и ответы на частые вопросы.
Чем автономное PWA отличается от приложения на сервисах
Сервис-зависимое приложение без бэкенда и подписок не работает вовсе. Автономное PWA переносит логику и данные в браузер: сервер нужен только для доставки самой страницы — дальше приложение живёт само.
| Критерий | Приложение на сервисах | Автономное PWA |
|---|---|---|
| Ежемесячные платежи | подписки + хостинг + API | 0 ₽ — оплата только разработки |
| Работа офлайн | нет — нужен сервер | да — офлайн-кэш Service Worker |
| Хранение данных | на чужом сервере | в браузере пользователя |
| Установка | стор или запрос у IT | кнопка на сайте, один тап |
| Обновления | ожидание релиза и выката | как у сайта — при открытии |
| Зависимость от поставщика | смена цен и условий — риск | код ваш, зависимостей нет |
| Платформы | зависит от стека | любая ОС: код один |
Для каких задач подходит автономное PWA
- Внутренние инструменты — трекеры, задачники, справочники, калькуляторы: без серверов и подписок на каждого сотрудника.
- Офлайн-сценарии — выездная работа, склады, выставки: приложение работает там, где сети нет.
- Клиентские мини-приложения на сайте — конфигураторы, калькуляторы, чек-листы: работают прямо на странице.
- Чувствительные данные — данные остаются у пользователя, а не уходят в чужое облако.
Технологии автономного PWA
- Service Worker
- фоновый скрипт браузера: кэширует ресурсы и отвечает офлайн — замена бэкенда для чтения.
- Web App Manifest
- манифест с именем и иконками: сайт предлагает установку на рабочий экран без стора.
- localStorage / IndexedDB
- хранилища данных в браузере: от заметок до полноценных локальных баз.
- Браузерные API
- камера, геолокация, файлы, share, локальные уведомления — возможности устройства без SDK.
- HTTPS
- обязательное требование для Service Worker: ваш сайт уже должен работать по защищённому протоколу.
- Экспорт/импорт
- данные переносятся файлами — автономность без потери переносимости.
Ответы на частые вопросы об автономных PWA
Сколько стоит автономное PWA? Конвертация сайта в PWA — от 90 000 ₽; автономное приложение под ключ (трекер, задачник, калькулятор) — от 180 000 ₽, без последующих платежей за серверы.
Сколько времени занимает разработка? Аудит — 2 дня; конвертация сайта — 2–4 недели; приложение под ключ — 4–8 недель.
Правда, что сервисы вообще не нужны? Для офлайн-работы, хранения данных, установки и браузерных функций — да. Синхронизация между устройствами и push на Android потребуют минимальный сервер — мы честно указываем это до старта.
Где живут данные пользователя? В его браузере (localStorage/IndexedDB) и переносятся файлом через экспорт: пользователь владеет данными, а не сервис.
Как PWA встраивается в сайт? Приложение живёт на обычной странице по обычному адресу — посетитель пользуется им прямо на сайте, а при желании устанавливает как приложение на рабочий экран.
Переезд на автономность — с бесплатного аудита
Пришлите адрес сайта или список сервисов, на которых сидите: за два рабочих дня покажем, что можно забрать в браузер, и посчитаем экономию по вашим цифрам.