Быстрый сайт, который можно поставить на экран телефона и открывать почти мгновенно. С честными границами: на iPhone возможности таких приложений ограничены системой.
PWA — это сайт, который ведёт себя как приложение: ставится на экран телефона, быстро открывается повторно, умеет показывать уже загруженное без интернета. Для бизнеса это способ получить часть удобства приложения, не оплачивая его разработку и не воюя за установки в магазинах. Границы стоит знать заранее. На Android такие приложения работают почти полноценно, на iPhone — с ограничениями: установка не очевидна пользователю, а push-уведомления работают только для добавленного на экран приложения, поэтому строить на них главный канал связи рискованно. В магазины приложений PWA не попадает. Зато содержимое остаётся обычными страницами сайта и участвует в поиске — у нативного приложения этого нет. И отдельно: если задача — просто ускорить сайт, переписывать его целиком нужно далеко не всегда. Чаще время съедают несжатые картинки, десяток сторонних скриптов и медленный сервер — начинаем с замера, а не с переделки.
Классический WordPress/Bitrix с плагинами, тяжёлым JS. Google понижает в выдаче за плохой Core Web Vitals.
INP >500ms — кнопки нажимаются с задержкой, скролл рывками, формы отправляются с секундной задержкой. Пользователи уходят.
Нет офлайн-кеша, PWA-функционала. Клиент в метро, в отеле, в пробке — не может пользоваться сайтом.
На мобильном интернете тяжёлая страница грузится несколько секунд. Часть посетителей закрывает вкладку раньше, чем видит первый экран.
SPA без SSR/SSG — Googlebot видит пустую страницу. Половина контента вне индекса.
Что тормозит? Какая метрика в красной зоне? Нет данных — не понятно что чинить. Идёт по кругу.
Next.js (React), Nuxt (Vue), Astro (mostly static), Remix, SvelteKit. Подбираем под задачи и команду поддержки.
LCP <1.2сек, INP <100ms, CLS <0.05 на всех ключевых страницах. Замеры на реальных устройствах через CrUX.
Server-Side Rendering или Static Site Generation с Incremental Regeneration. Googlebot видит полный HTML с первого запроса.
Service Worker для офлайн-работы, установка на устройство, push-уведомления, home screen icon. Мобильное приложение без App Store.
Основная часть трафика сегодня мобильная. Оптимизация под iOS и Android: касания, viewport, кнопки в зоне большого пальца, гибкая типографика.
Правильная schema, мета, sitemap, robots. Динамическая ре-генерация страниц через ISR — контент всегда свежий для Googlebot.
Контент редактируется в удобной админке (Strapi, Sanity, Payload, Contentful), фронт получает через API — гибкость и скорость одновременно.
Замеры Core Web Vitals у реальных пользователей (не только Lighthouse). Дашборд с трендами скорости, INP, ошибок.
Это надстройка над сайтом, а не отдельный продукт: сначала смотрим, что у вас есть и что тормозит. Иногда нужного эффекта добиваемся оптимизацией существующего сайта — без разработки заново.
Если речь о новом сайте на современном фронтенде, ориентир — цены разработки с /prices: от 150 000 ₽ за проект по брифу и от 350 000 ₽ за корпоративный сайт.
На iPhone возможности таких приложений ограничены системой — об этом ниже, до начала работы.
Каждый килобайт JS проходит проверку. Каждое изображение — WebP + lazy load. Core Web Vitals 95+ везде.
Замеряем скорость у реальных пользователей, не только через Lighthouse. Находим и чиним медленные страницы.
Astro для статики, Next.js для динамики, Remix для форм. Не «мы делаем только Next.js».
SSR/SSG — Googlebot получает полный HTML сразу. Не «через 30 секунд когда JS отработает».
Обсуждаем задачи, аудиторию, интеграции, команду поддержки. Определяем оптимальный фреймворк (Next/Nuxt/Astro/Remix).
Проектируем структуру данных, API, роутинг, кеширование. Выбор Headless CMS и хостинга.
Финальный дизайн с учётом mobile-first, thumb-zone, скорости взаимодействия. Прототипы всех типов страниц.
Frontend + Backend + интеграции. TDD подход, автоматизированные тесты каждой фичи.
Финальная оптимизация: bundle size, lazy loading, prefetching, CDN, кеширование. Замеры на реальных устройствах.
Кросс-браузерное тестирование, Lighthouse audit на всех страницах, PWA-проверка, load testing.
Формулировка «почти нативное приложение без бюджета на разработку» верна лишь отчасти. Границы стоит знать до старта.
| Возможность | Как есть на самом деле |
|---|---|
| Иконка на экране телефона | Работает и на Android, и на iOS, но на iPhone установка не так очевидна для пользователя: её нужно подсказывать |
| Работа без интернета | Работает: ранее открытое содержимое и каталог можно показать из кеша |
| Push-уведомления | На Android работают давно. На iPhone — с ограничениями и только для добавленного на экран приложения, поэтому строить на них основную коммуникацию рискованно |
| Быстрый повторный вход | Здесь и есть основной выигрыш: повторные открытия действительно ощутимо быстрее |
| Магазины приложений | В App Store и Google Play такое приложение не попадает: если нужен магазин как канал, нужно нативное |
| Индексация в поиске | Преимущество перед нативным: содержимое остаётся обычными страницами сайта и участвует в выдаче |
Переписывать сайт на новом фреймворке ради скорости стоит далеко не всегда: чаще всего время съедают вещи попроще.
Не в тестовом прогоне на офисном интернете, а по данным живых визитов с телефонов: там видно настоящую картину.
Проектируем под мобильный, потом адаптируем под десктоп. Не наоборот.
Никаких больших библиотек ради одной функции. Tree-shaking, code splitting, dynamic imports.
SSR/SSG/ISR — Googlebot получает полный HTML. Не «через 30 секунд когда React отработает».
PWA — это сайт с UX приложения: устанавливается на телефон, работает офлайн, шлёт push-уведомления. Плюсы: не нужен App Store (нет 30% комиссии Apple/Google), обновления моментальные, разработка в 3-5 раз дешевле нативного, единая кодовая база на iOS/Android/десктоп. Минусы: нет доступа к некоторым нативным API (например, Bluetooth). Для 80% бизнесов PWA закрывает задачи.
Next.js — React, самая большая экосистема, лучше для сложных приложений с интерактивом. Nuxt — Vue, чуть проще для команд знающих Vue. Astro — MPA (много маленьких страниц), идеален для контентных сайтов, статики, документации, блогов — максимальная скорость. Выбираем на этапе брифа под задачи и команду поддержки.
Три варианта: (1) обучим вашу команду за 2-4 недели во время разработки, (2) поставим Nuxt/Vue если команда знает Vue, (3) поставим Astro с минимумом JS — там достаточно знать HTML/CSS + чуть-чуть JavaScript. Обычно после запуска клиент нанимает одного React-разработчика на поддержку.
Зависит от того, что за сайт. Статический сайт можно держать почти бесплатно на бесплатных тарифах хостингов. Сайту с серверным рендерингом нужен сервер — это обычно несколько тысяч рублей в месяц. Для высокой нагрузки считаем отдельно. Точные цифры назовём под ваш проект, когда будет понятен объём.
Мы всегда делаем SSR (Server-Side Rendering) или SSG (Static Site Generation) — Googlebot получает полный HTML с первого запроса. Никакого «SPA белый экран для поисковика». Дополнительно: schema.org разметка, sitemap.xml, hreflang для мультиязычности, canonical URLs. После запуска проверяем в Search Console, как робот видит страницы, — именно на этом шаге обычно всплывают проблемы рендеринга.
Да, два варианта. (1) Headless WordPress: оставляем WP как CMS для контент-редакторов, но фронт полностью переписываем на Next.js/Astro — получаем скорость PWA и удобство WP админки. (2) Постепенная миграция: переписываем страницы по кластерам, начиная с самых важных (главная, категории с большим трафиком). SEO не страдает — правильные редиректы.
Да, но с ограничениями vs Android. На iOS PWA умеет: устанавливаться на home screen, работать офлайн, кешировать данные. НЕ умеет: push-уведомления в full-mode (только когда PWA открыта), доступ к некоторым API. С iOS 17+ поддержка выросла — Apple явно движется в сторону PWA под давлением ЕС.
Бесплатная консультация 30 минут