Magento PWA Studio против Vue Storefront: какой из них для вас?

Опубликовано: 2020-04-17

Оглавление

Будучи на рынке уже довольно давно, Magento PWA Studio и Vue Storefront в настоящее время являются популярными платформами для брендов, которые хотят расширить свое присутствие. Но узнать, какой из них действительно может помочь вашему бизнесу, конечно, непросто.

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

Прогрессивные веб-приложения и почему вас это должно волновать

Во-первых, давайте начнем с почему .

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

Клиенты, которые делают покупки в магазинах с PWA, часто замечают заметную разницу в своем опыте покупок, которая включает в себя такие изменения, как уменьшение количества точек взаимодействия, мгновенное время загрузки, автономные возможности и, что наиболее важно, интерфейс Progressive Web Apps, похожий на приложение.

Бенекос Великобритания PWA
Клиент SimiCart, чей опыт покупок был обновлен с помощью PWA.

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

 Рекомендуемая литература: Преимущества прогрессивного веб-приложения для вашего бизнеса 

Краткое введение в Magento PWA Studio и Vue Storefront PWA

Magento Студия PWA

Magento PWA Studio, недавно представленная самой Magento, представляет собой набор инструментов, помогающих продавцам максимально оптимизировать свои магазины за счет внедрения элементов прогрессивных веб-приложений поверх Magento 2. С помощью Magento PWA Studio продавцы могут получить доступ к последним передовым технологиям. конечную архитектуру и открытые веб-API, чтобы привести свои магазины в соответствие с последними стандартами.

Преимущества Magento PWA Studio

  • Доступ к современным инструментам разработки: инструменты, предоставляемые Magento PWA Studio, всегда актуальны и имеют самую обширную документацию.
  • Простота разработки: Magento PWA Studio была создана с целью продвижения внедрения PWA, поэтому простота разработки была поставлена ​​на первое место.
  • Сильное сообщество: сообщество Magento PWA Studio всегда готово помочь новичкам.
  • GraphQL: Используя GraphQL в качестве ведущей технологии, PWA, созданные с помощью PWA Studio, могут иметь почти нулевой избыточный выбор и лучшую обработку нескольких пользователей из разных источников.

Минусы Magento PWA Studio

  • Зависит от платформы: Magento PWA Studio требует , чтобы ваш магазин был на Magento 2.3 и выше. Это и хорошо, и плохо , так как таким образом у Magento PWA Studio больше возможностей для разработки и улучшения, и вам не нужно беспокоиться о совместимости платформы.
  • Отсутствие совместимости со старыми версиями . Одной из причин, по которой магазины не решаются принять Magento PWA Studio, является отсутствие совместимости со старыми версиями, что в основном связано с изменениями схемы GraphQL между обновлениями.
Совместимость Magneto PWA Studio
Источник: версии PWA Studio и их совместимая основная версия Magento.

Витрина магазина Vue

Другой недавно появившейся платформой для разработки PWA для электронной коммерции является Vue Storefront — PWA с открытым исходным кодом, не зависящий от платформы. Vue Storefront не требует определенного типа серверной части для полной функциональности, поскольку сама платформа не имеет головы и работает на любой платформе электронной коммерции.

Плюсы Vue Storefront

  • Независимость от платформы: Vue Storefront работает на всех платформах электронной коммерции.
  • Открытый исходный код: любой может внести свой вклад в улучшение интерфейсной платформы.

Минусы Vue Storefront

  • Несовместимости: множество нерешенных проблем с существующими платформами электронной коммерции.
  • Не позволяет использование jQuery или других зависимостей
  • Отсутствует документация: есть различные жалобы на трудный процесс установки Vue Storefront и отсутствие исчерпывающей документации.

Подробное сравнение

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

Обзор

Magento PWA Studio и Vue Storefront: обзор

Глядя на общее сравнение, становится ясно, что Vue Storefront должен быть здесь лучшим выбором. Но при ближайшем рассмотрении так не кажется.

В то время как Magento PWA Studio была выпущена только в конце 2018 года (то есть почти на год позже даты выпуска Vue), платформа совсем не требует времени для созревания. Теперь у него есть количество участников, сравнимое с количеством участников Vue; и сообщество сильное, полезное для всех, кто хочет изучить его, и наполнено потенциалом.

Техническое сравнение

Magento PWA Studio и Vue Storefront: техническое сравнение

С технической точки зрения эти две платформы PWA для электронной коммерции очень похожи, обе они предлагают рендеринг на стороне сервера, чтобы частично помочь с поисковой оптимизацией вашего магазина; но небольшие различия — т. е. ReactJS — которые мы здесь видим, следовательно, являются причиной того, что одна платформа превосходит другую с точки зрения производительности. По сравнению с VueJS, который используется Vue Storefront, ReactJS намного лучше подходит как для разработки, так и для покупок. С ReactJS разработчики Magento могут пользоваться поддержкой самого крупного, сильного и известного сообщества пользователей в Magento и за его пределами.

Сравнение характеристик

Magento PWA Studio и Vue Storefront: сравнение функций

Когда дело доходит до предлагаемых функций, эти две платформы PWA идут рука об руку друг с другом, а Vue Storefront немного отстает с точки зрения функций. Стоит отметить, что не так давно Vue Storefront была платформой, которая имела здесь высокие позиции, поэтому прогресс в разработке Magento действительно впечатляет и фактически лучше, чем у многих его аналогов, благодаря природе самой платформы. конкретный подход.

Что говорят клиенты

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

Magento Студия PWA

Как бренду, чья миссия состоит в том, чтобы предоставлять впечатляющие коллекции высокой моды для женщин во всем мире, Бьянке Нера нужна была витрина, которая лучше всего отражала бы элегантность их продуктов — и, естественно, это прогрессивное веб- приложение .

Бьянка Нера, Magento PWA

С Magento PWA Studio для оптимизации всей работы по разработке, а также с SimiCart в качестве предпочтительного поставщика решений бренд смог увидеть обновление способа совершения покупок на месте, а также серьезное обновление существующего обратного пути. - конечная инфраструктура.

Благодаря вновь обретенной скорости в сочетании с похожим на приложение внешним видом, характерным для PWA, Бьянка Нера смогла увидеть выдающиеся результаты, в том числе:

  • 45% увеличение количества страниц за сеанс
  • Среднее время загрузки страницы на 103% быстрее
  • Рост онлайн-доходов на 61%

Работа, проделанная над внутренней инфраструктурой магазина, также позволила сделать управление контентом более интуитивным благодаря собственной системе управления контентом (CMS) Magento, с помощью которой магазин смог не только легко управлять контентом и создавать его, но и создавать новые. и захватывающий опыт покупок, чтобы идти в ногу с постоянно меняющимися тенденциями.

Витрина магазина Vue

Будучи более старой платформой на рынке PWA, Vue Storefront не имеет недостатка в историях клиентов. Одним из ярких случаев, который приходит на ум, является история Куботы.

Kubot, Vue Storefront PWA
Источник: Магазин Vue.

Польский обувной бренд Kubota ранее не был известен как известный или преуспевающий бренд. Фактически, решение бренда использовать электронную коммерцию PWA было решением « сделай или сломай ». Однако ему повезло, поскольку известно, что PWA не разочаровывает.

Благодаря своей мобильной стратегии, нацеленной на огромный процент современных покупателей, предпочитающих удобство покупок со своих смартфонов, Kubota смогла добиться беспрецедентных результатов:

  • 192% рост ежедневных посетителей
  • На 94 % больше ключевых слов в топ-3 в годовом исчислении
  • 30% ускоренное время загрузки

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

Примите взвешенное решение

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

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

И если вам когда-нибудь понадобится надежное решение для вашего магазина Magento, здесь, в SimiCart, мы — команда экспертов Magento с более чем 8-летним опытом, готовых превратить ваш магазин Magento в молниеносное PWA:

Разработайте свою витрину Magento PWA Storefront

Читать далее:
Как интегрировать PWA в Magento 2