«> Стоит ли инвестировать в PWA-версию вашего магазина Magento? Автор: Петр КуяваCEOOопубликовано: 24-01-2019 Категория: Веб-приложения < p> Если вы поставщик, который рассматривает возможность внедрения нового решения, вы, вероятно, задаетесь вопросом о неразберихе, связанной с PWA или прогрессивным веб-приложением. Стоит ли участвовать в этих инвестициях?

Из этой статьи вы узнаете:

Что такое PWA и каковы его преимущества? Где PWA дало отличные результаты? Стоит ли его использовать PWA, если большинство ваших клиентов z не мобильны? Как создается PWA-версия интернет-магазина? Magento PWA — оно того стоит?

Progressive Web Application — это мобильная версия веб-сайта, которая работает практически так же, как мобильное приложение. Однако загрузка из магазина приложений не требуется. Страницы PWA напоминают собственные приложения. Однако они не могут воспроизвести все свои функции, но быстрее работают, обслуживаются и управляются. Обновления производятся один раз. Вам не нужно исправлять и обновлять версию Android, затем версию iOS и, наконец, беспокоиться, правильно ли работает сам веб-сайт. Вас интересует только версия PWA.

Возможно, наиболее важной особенностью с точки зрения клиента является то, что ему не нужно посещать App Store или Google Play, чтобы загрузить приложение. Доступ к версии PWA можно получить из представления по умолчанию в веб-браузере телефона.

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

Примеры использования технологии PWA

Уже многие компании использовали эту технологию. Это много раз ассоциировалось с действительно отличными результатами.

AliExpress

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

Поэтому компания решила использовать Progressive Web Application, чтобы максимально использовать возможности мобильной версии приложения и охватить большее количество получателей. Результаты были потрясающими:

конверсия увеличилась на 104%, продолжительность сеанса увеличилась на 74% во всех браузерах, которые пользователи посетили в два раза больше подстраниц во время сеанса Trivago

Trivago решила использовать PWA для отображения веб-сайтов на мобильных устройствах с встроенные функции приложения, такие как автономный доступ и push-уведомления.

Результаты также были отличными:

активность на веб-сайте увеличилась на 150%, количество переходов на веб-сайты отелей увеличилось на 97%. Twitter

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

Результаты:

количество страниц, посещенных во время сеанса, увеличилось на 65%, количество отправленных твитов увеличилось на 75%, показатель отказов снизился на 20%. Стоит ли использовать PWA, если большинство клиентов приходят не с мобильных устройств?

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

Интересно, что значение рабочего стола PWA также растет. Все больше и больше браузеров уже поддерживают это решение. Это следующий шаг к созданию веб-сайтов, полностью состоящих из PWA. Кроме того, у тех, кто применяет PWA намного раньше, позже будет меньше проблем с реализацией этого решения.

Как создается PWA-версия магазина Magento?

Обязательно ли разработчикам использовать существующую версию магазина Magento и вносить лишь несколько исправлений? Не полностью. Конечно, вы можете использовать ядро, то есть бэкэнд-элементы. Их не нужно менять. Некоторые модификации потребуются для компонентов, в которых используется API. Что касается внешнего интерфейса — PWA не использует макет темы Magento и ее структуру.

Для создания версии PWA используется инструмент из Magento (PWA Studio) или существующий фреймворк, такой как Deity или Vue Storefront. . Какой бы подход мы ни выбрали, JavaScript будет очень интенсивно использоваться для достижения правильного рабочего процесса. В любом случае, весь интерфейс пользователя воссоздается с помощью PWA.

Резюме

Мы живем в мире, ориентированном на мобильные устройства. Интернет-магазины также должны следовать этой тенденции. Использование PWA дает действительно отличные результаты, такие как:

повышенное взаимодействие на веб-сайте, более быстрое время загрузки, увеличение конверсии.

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