Как разработчик Magento, я всегда открыт для новейших доступных инструментов.
Многие из них так же запутаны, сколь и интересны, поэтому сегодня я хочу взглянуть на один, который, на мой взгляд, становится более полезным и привлекательным: прогрессивная платформа веб-приложений Magento (PWA).
Хотя этот продукт все еще находится в стадии НИОКР (поэтому он обозначен как «проект»), стоит изучить и рассмотреть два основных типа реализации для PWA Magento.
Определение прогрессивных веб-приложений
Во-первых, давайте удалим техническую часть. Давайте разберем название «Прогрессивное веб-приложение»:
прогрессирующий Это означает, что приложение загружается вместе с соответствующими данными и ресурсами, когда пользователь просматривает ваш сайт. Это обеспечивает конечному пользователю более высокую скорость, простоту использования, автономную работу и интеграцию устройств.
Web означает, что он написан на языках Интернета (HTML, CSS, JavaScript). Это позволяет вам создать сайт, который предлагает больше функциональности, подобной приложению, без создания собственного приложения, ограниченного платформой, такой как iOS или Android.
приложение Это означает, что вы устанавливаете и запускаете код на устройстве или компьютере покупателя. Это создает больше скорости и емкости, чем одностраничные JavaScript-приложения прошлого.
По сути, PWA представляют собой гибрид обычных веб-страниц и мобильных приложений, что позволяет использовать их как мобильные приложения для Интернета. Это важно, потому что поиск по мобильному веб-сайту в Google обогнал настольные компьютеры, и пользователи проводят все больше времени в мобильных приложениях. В некоторых случаях 90% месячного использования в настоящее время в приложении.
PWA являются частью инструментария разработчика
Сам термин «Прогрессивное веб-приложение» был придуман Google. Тем не менее, у Google нет интеллектуальной собственности над PWA, теперь они являются еще одной частью инструментария разработчика.
С точки зрения разработчика, прогрессивные веб-приложения – это будущее электронной коммерции. PWA – это не просто последнее увлечение веб-приложениями; Они представляют современные лучшие практики для того, чтобы сделать любой веб-сайт полезным и прибыльным.
На самом деле, я вижу будущее, в котором PWA могут быть столь же обязательными для хорошего сайта, как и адаптивный дизайн сегодня. Давайте углубимся в причину.
Каковы преимущества прогрессивных веб-приложений?
По моему опыту разработчика Progressive Web Apps для сайтов Magento, есть два ключевых преимущества:
1) скорость
С точки зрения разработчика, Немезида – это латентность. Задержка – это то, что замедляет работу сайтов и снижает продажи. Цель разработчиков – найти способы ускорить и сделать процесс максимально плавным. В среднем, загрузка наиболее адаптивных веб-страниц веб-дизайна (RWD) занимает от 6 до 18 секунд. Исследования показали, что примерно 40% людей покидают веб-страницу, загрузка которой занимает более трех секунд. С PWA задержка составляет одну десятую RWD. Для клиентов это означает, что эти страницы будут загружаться и функционировать мгновенно.
2) конверсии
Цель сайтов электронной коммерции – конвертировать посетителей вашего сайта в полные продажи. Многие факторы способствуют низким конверсиям и высокой заброшенности тележки.
Мобильные сайты, которые используют PWA вместе, значительно улучшают конверсию. Хотя средний показатель по отрасли, включая сайты, использующие RWD, составляет от 0,25% до 0,75%, для сайтов, использующих PWA, коэффициент конверсии на 50–100% выше, чем в среднем по отрасли. Это связано с тем, что покупатель не имеет реального восприятия разницы, но веб-сайт работает бесперебойно как онлайн, так и оффлайн.
Изучение Magento + PWA
В заключение, нам, вероятно, следует рассмотреть два основных типа реализации PWA в Magento.
1) интерфейс с поддержкой PWA
Если ваш веб-сайт имеет внешний интерфейс, PWA могут добавить множество функций. Подумайте о приложении на телефоне, которое работает в режиме полета. Это то, что делает PWA для сайта Magento. Такие компании, как MeanBee (недавно приобретенный Space48), ведут разработку этого типа поддержки PWA.
2) PWAs как внешний интерфейс
По сути, это плагины, которые устраняют необходимость прямого подключения к Magento. Они делают тяжелую работу после одного посещения сайта и предлагают более плавный опыт. Еще одна привлекательная особенность заключается в том, что PWA могут извлекать выгоду из push-уведомлений, как и нативные приложения.
Три стоит проверить:
Magento-Research в настоящее время создает набор разработчика, который позволяет вам создать PWA для замены интерфейса Magento и использовать безголовый экземпляр Magento в качестве серверной части.
Новый способ решения старых проблем.
Прогрессивные веб-приложения работают так же, как мобильные приложения. Они предлагают более стабильный пользовательский интерфейс при плохом сетевом подключении из-за предварительно кэшированных ресурсов или доступа к «автономной» странице. С моей точки зрения, как разработчика Magento, интеграция PWA в ваш сайт Magento дает несколько серьезных преимуществ:
- Более быстрый и безопасный пользовательский опыт
- Лучший SEO рейтинг
- Лучшее удобство использования
- Лучшая производительность
- Автономный доступ
- Мобильная установка
- Совместимость браузера
И похоже, что многие успешные компании соглашаются. За последние два года мы видели примеры компаний, принимающих PWA: Alibaba, Fandango, Twitter и The Washington Post, чтобы назвать только некоторые.
Для меня прогрессивные веб-приложения Magento – это захватывающий способ решения некоторых серьезных проблем, с которыми сталкиваются многие компании электронной коммерции. Их стоит исследовать по мере развития и развития космоса.
