За последние несколько месяцев из App Store пропало больше 7 тысяч приложений в России, а Google Play в блоге компании заявил об изменениях в платёжной системе: прямая покупка стала труднее, и в лёгком доступе теперь только бесплатные приложения.

Сейчас компаниям приходится искать замену сторам как для продолжения получения доходов (если приложение было платным), так и для предоставления предложения, как инструмента для пользователя (если оно было бесплатным, но подверглось удалению из-за санкций), — всё актуальней становится технология PWA.

PWA или Progressive Web Application — это прогрессивная альтернатива нативным приложениям, с которой сайт можно установить на смартфон как приложение. В нашем материале познакомим с технологией, расскажем о её преимуществах и сравним, кто кого в битве PWA vs Нативные приложения. Или они равноправны?

Как работает PWA на примере Twitter

PWA — эволюционный подход к разработке приложений, который в 2015 году предложил старший разработчик браузера Google Chrome Алекс Рассел. Это стало новым решением для кроссплатформенной разработки приложений. Теперь их можно не создавать отдельно под iOS и Android.

Вы устанавливаете сайт на смартфон и можете пользоваться им без доступа к интернету. Иконка на домашнем экране выглядит как обычная иконка приложения, и даже также присылает push-уведомления. При нажатии, PWA открывается в веб-браузере на любом ПК-устройстве, смартфоне или планшете. Он объединяет в себе преимущества и сайтов, и приложений — предоставляет лучший пользовательский опыт.

Преимущества этой фичи оценил, например, Twitter, когда стал использовать PWA-приложение Twitter Lite и решил проблему повторного привлечения пользователей. Внедрив подсказку «Добавить на главный экран», компания заметила прирост 250 000 посетителей, которые запустили Twitter Lite с рабочего стола.

Преимущества PWA: кроссплатформенность, автономность от интернета, скорость загрузки и другое

Для реализации основных функций PWA требуются относительно небольшие усилия, а преимущества существенные:

• Скорость и лёгкость разработки. Вместо создания двух нативных приложений для iOS и Android разрабатывается одно кроссплатформенное, что сокращает около 70% времени до релиза.

• Автономность работы. Отличительная черта PWA-приложений — возможность работать без подключения к интернету.

• Сокращение времени загрузки приложения. За это спасибо кэшированию, которое обеспечивает почти мгновенную загрузку.

• Вовлечение пользователей. Шансы вернуться к приложению повышаются за счёт системных уведомлений и push-сообщений.

• Внешний вид и отзывчивый дизайн. Дизайн интегрируется с платформой. Значки приложений на главном экране или в панели запуска приложений автоматически запускаются в полноэкранном режиме.

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

• Возможность обнаружения. Содержимое приложения можно найти с помощью поисковых систем, легко поделиться ссылкой и упростить процесс их распространения.

«Прогрессивное приложение» vs «Нативное»

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

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

У нативных приложений производительность приложений выше, чем у PWA. Однако, на данный момент считается, что кушает батарею больше все же PWA, что связано с запуском браузера.

PWA работают и офлайн: объясняем, за счёт чего

В основе PWA лежит подход к разработке offline first. Он обеспечивает работу приложения без доступа к интернету. Достичь этого можно с помощью различных концепций, appshell — одна из наиболее популярных. Эта оболочка позволяет кешировать и моментально загружать данные из кеша.

Разработать PWA-проект позволяет Service worker. Этот посредник между клиентом и сервером обеспечивает также сетевую независимость и повторное вовлечение.

Файл Web app manifest позволяет установить сайт как приложение. В нём указываются различные параметры: иконки приложения, название приложения, режим отображения, описание и пр.

Технология Push API позволяет поддерживать связь с пользователем и снабжать его новым контентом ещё до фактического входа в приложение — хочет он этого или нет. Так мы всегда получаем обновлённый контент в PWA-приложениях.

Данные PWA-приложения в безопасности

Тот факт, что PWA на устройства скачиваются не из сторов, может вызвать опасения по поводу безопасности использования. Снимаем их:

• Причина раз. PWA-приложения распространяются через безопасный протокол передачи данных HTTPS, поддерживающий шифрование данных, что предотвращает отслеживание и подделку контента.

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

PWA становится всё более популярным из-за скорости разработки и обхода сторов

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

Если у вас задача — быстро запустить приложение со всем набором функций для всех ОС и не ждать одобрения в сторах, — вам за PWA. Если готовы делать дольше, использовать всю мощь iOS и Andriod, запускать через MVP (прим.: минимально жизнеспособный продукт с последующими итерациями развития функций), ждать одобрения в сторах и не сильно ограничены в бюджете — вам за нативным (обычным) приложением.

Технология обладает рядом преимуществ, но надо учитывать и моменты, в которых PWA-приложения уступают нативным. Исходя из задач бизнеса, вы можете решить, насколько технология вам подходит. Но все её преимущества и функционал заметно добавляют плюсов в карму PWA.