Progressive Web App, или PWA, - это сайт, который умеет вести себя как мобильное приложение. Он открывается в браузере, но его можно установить на главный экран телефона, запускать без адресной строки, показывать уведомления и частично работать без интернета. Для бизнеса это способ получить многие преимущества приложения без затрат на разработку двух отдельных программ под iOS и Android.
Идея в том, чтобы стереть границу между сайтом и приложением. Пользователь заходит на ваш сайт, а браузер предлагает добавить его на экран. После этого иконка запускает привычный интерфейс на весь экран, и человек уже не думает о том, сайт это или программа из магазина.
Чем PWA отличается от обычного сайта
Обычный сайт живёт только внутри вкладки браузера и всегда требует соединения. PWA хранит часть данных на устройстве, поэтому уже посещённые страницы открываются мгновенно и даже без сети. Ещё одно отличие - установка. Пользователю не нужно идти в App Store, достаточно нажать пару кнопок прямо из браузера.
- Устанавливается на экран телефона без магазина приложений
- Открывается на весь экран, без адресной строки
- Работает быстрее за счёт кэширования данных
- Может показывать частичный контент без интернета
- Поддерживает push-уведомления на большинстве устройств
Чем PWA отличается от нативного приложения
Нативное приложение пишут отдельно под каждую платформу и публикуют в магазинах. Это дороже, дольше и требует прохождения модерации при каждом обновлении. PWA - это по сути один сайт, который работает везде: и на компьютере, и на телефоне. Обновления выходят мгновенно, ведь вы просто меняете код на сервере. Минус в том, что доступ к некоторым функциям устройства у PWA ограничен, а на iPhone push-уведомления работают с оговорками.
Какому бизнесу подойдёт PWA
PWA хорошо ложится на сервисы, куда люди возвращаются регулярно: интернет-магазины, службы доставки, каталоги, личные кабинеты, новостные ресурсы. Если ваша аудитория часто заходит с телефона и вам важна скорость и возвращаемость, прогрессивное приложение даст ощутимый эффект. А вот тяжёлым играм или программам, которым нужен глубокий доступ к железу, всё же лучше подходит нативная разработка.
Отдельный плюс - экономия. Вместо трёх продуктов вы поддерживаете один. Это снижает расходы на разработку и обслуживание, что особенно важно для малого бизнеса. При этом клиент получает удобство, к которому привык в приложениях.
С чего начать
Превратить существующий сайт в PWA обычно проще, чем кажется. Нужен защищённый протокол https, специальный файл-манифест с описанием иконок и названия, а также сервис-воркер, который отвечает за кэширование и офлайн-режим. Если сайт уже быстрый и адаптивный, добавление этих элементов займёт не так много времени. Начните с аудита текущего сайта: часто половина работы уже сделана, и остаётся лишь надстроить нужные функции.
Если вы сомневаетесь, нужна ли вам PWA, оттолкнитесь от поведения аудитории. Посмотрите в аналитике долю мобильного трафика и частоту повторных визитов. Высокие цифры - хороший сигнал, что вложения в прогрессивное приложение окупятся ростом вовлечённости и продаж.