PWA растущий тренд на рынке приложений: как ритейлерам использовать их в продвижении
На нем работают Alibaba, Hamilton, Tencent, Grab, Groupon, «Яндекс.Драйв» и другие. Создание мобильных приложений не всегда по средствам бизнесу. При этом мобильная разработка обычно привязана к конкретной платформе (iOS или Android), а владельцы магазинов приложений обязывают соблюдать свои правила и платить комиссии. Улучшить пользовательский опыт с PWA получилось у Forbes, приложение которого часто называли громоздким. Теперь люди проводят на 40% больше времени за чтением статей издания и просматривают на 15% больше контента.
Как AMP, так и PWA направлены на оптимизацию мобильного опыта и могут быть использованы совместно друг с другом. Они способны ускорить время загрузки страницы и уменьшить период ожидания. Обычно одной из главных причин создания нативного софта являлась его высокая производительность. Тем не менее, с появлением PWA, которые адаптированы для многопользовательского доступа, необходимость в создании родных приложений стала куда ниже. PWA демонстрируют стабильно высокую производительность в сравнении с обычными веб-сайтами. В частности, этому способствует использование Service Workers, которые выполняют запрос только необработанных данных.
Преимущества PWA для владельцев сайтов и интернет-магазинов
Теперь доля заказов поездок с десктопов приближается к 30%. Давайте посмотрим, какие бизнесы уже используют PWA-приложения. В конце 2022 года PWA есть у многих компаний-лидеров своей отрасли. Техническая реализации pwa что это манифеста предполагает добавление в корень сайта JSON файла, который будет передавать нужные параметры. Существуют конструкторы для генерации манифеста в несколько кликов, благодаря добавлению стандартных полей.
А если это более серьезный сайт (особенно интернет-магазин) – то никакие PWA или тем более SPA тут не годятся от слова, совсем. Более того, в скором времени ожидается, что Google выставит к разработчикам PWA метрики Core Web Vitals в виде списка требований. Поэтому, чем быстрее вы перенесете ваш сайт в такой новый формат, тем будет лучше для его дальнейшей SEO. Progressive Web Application по умолчанию использует HTTPS для соответствия требованиям Google. Что же касается нативных приложений, здесь безопасность может оказаться под вопросом, так как со стандартами в этом случае куда сложнее.
Как выглядит PWA: примеры
Progressive Web Applications дают пользователям отличный опыт на любом современном интеллектуальном устройстве — телефоне, планшете, ПК. Несмотря на то, что они являются «просто» веб-приложениями, PWA в свою очередь работают аналогично нативным приложениям (с некоторыми ограничениями, конечно). Прогрессивные веб-приложения доступны для всех операционных систем, но первоначально требуется веб-сайт с технологиями JavaScript, HTML и CSS. Веб-приложение отображается через WebView — системный компонент, который визуализирует веб-страницу внутри приложения. Для корректной работы с PWA требуются браузеры Safari (IOS) или Chrome (Android). Наряду с классическим «слоеным пирогом» веба из HTML, CSS и JS используют программные платформы (конструкторы сайтов) или фреймворки (гибкие «каркасы» для создания сайтов).
Пользователи могут не захотеть тратить время на поиск приложения в маркетплейсах, а установка цифрового продукта в один клик поможет бизнесу сохранить лояльных клиентов. Перед выводом уведомления об установке PWA можно показать дополнительный блок и кратко рассказать о преимуществах приложения. Тогда пользователи перестанут относиться к нему, как к шпионскому продукту. Расписывать нюансы технологии необязательно, но провести базовую экскурсию стоит.
PWA и Нативные Приложения – в Чем Разница?
В приложениях интернет-магазинов почти всегда возможностей больше, чем на сайтах. Это обусловлено тем, что всё больше пользователей переходят на заказы через смартфон. Им проще открыть приложений в один клик, чем вводить адрес в браузере и долго искать нужную страницу. Сложно представить, что в 2021 году некоторые пользователи экономят место на своих устройствах, но такие случаи не редкость. Некоторые приложения могут весить до 200 МБ и пользователи не откажутся от игр или важных продуктов, чтобы протестировать приложение популярного магазина.
Но когда пользователь нажимает на него, он запускает не приложение, а браузер с соответствующим PWA. Компания Uber использует PWA технологию, чтобы снизить скорость загрузки приложения на всех устройствах даже при 2G соединении. В итоге сервис открывается за 3 секунды и занимать всего 50 килобайт. MakeMyTrip — крупнейшая туристическая компания Индии, MAU сайта — более 8 млн пользователей. После запуска PWA коэффициент конверсии увеличился в 3 раза, а скорость загрузки страниц выросла на 38%.
PWA против нативных приложений
Недостатков тоже хватает, но глобальная экономия и высокая конверсия заставляют предпринимателей освоить новую технологию. Для сравнения, разработка прогрессивного веб-приложения стоит до 10 тысяч рублей. Его можно даже собрать самостоятельно, но лучше доверить задачу специалисту.
Скорость загрузки сократилась с 11,91 секунды до 4,69 секунды, что однозначно понравилось пользователям. Tinder запустили веб-версию приложения, которая занимает всего 2,8 мегабайт памяти по сравнению с приложением на android (30 мегабайт). Скорость загрузки удалось уменьшить с 11,91 до https://deveducation.com/ 4,69 секунд, что улучшило user experience. Для работы прогрессивного приложения необходимо, чтобы данные передавались по защищенному протоколу HTTPS. Для этого нужен SSL сертификат – электронный документ на сервере сайта для безопасного обмена данными между ним и браузером клиента.
