Vue Storefront чи Magento PWA Studio

Vue Storefront чи Magento PWA Studio: хто стане супергероєм для вашого бізнесу?

За оцінками Google PageSpeed, 53% користувачів залишають інтернет-магазин, якщо він завантажується довше ніж 2 секунди. За даними Statista, 25% користувачів регулярно купують зі смартфонів і планшетів. І якщо ваш e-commerce сайт погано працює на мобільних пристроях, малоймовірно, що потенційний клієнт завантажуватиме нативний застосунок заради однієї покупки. Щоб інтернет-магазин приносив максимальний прибуток, потрібна технологія, яка забезпечить зручний інтерфейс на будь-якому пристрої.

Що таке PWA і чим це корисно для бізнесу? Прогресивні веб-застосунки (PWA) вперше представили інженери Google у 2015 році, щоб пошукова система працювала на мобільних пристроях так само зручно, як на комп’ютері. Згодом переваги технології оцінили ритейлери, і тепер e-commerce сайт можна встановити на смартфон як звичайний застосунок.

Це означає, що користувачеві більше не потрібно шукати й завантажувати застосунок в App Store чи Google Play. Щоб знайти PWA-сайт, достатньо скористатися звичайним пошуком і перейти за посиланням — браузер сам запропонує додати іконку на головний екран. Технологія значно спрощує взаємодію покупця з магазином.

Переваги для бізнесу:

• push-повідомлення клієнтам. Багато років це був аргумент на користь нативних застосунків, а тепер розповісти покупцеві про знижки, новинки та акції зовсім не складно
• економія на розробці та підтримці мобільних застосунків
• не потрібно публікувати застосунок в App Store і Google Play. Його можна встановити безпосередньо з вашого сайту.
• працює значно швидше за звичайний сайт
• працює без інтернету
• розмір PWA зазвичай не перевищує 1 МБ — це в десятки разів менше, ніж мобільний застосунок
• застосунок легко працює з геолокацією, камерою, мікрофоном та іншими функціями пристрою
• немає витрат на повторне залучення клієнта
• краще SEO: швидкий PWA-сайт посідає вищі позиції в Google. А разом зі зростанням трафіку це серйозна заявка на перемогу
• рекордне зростання конверсії: від 17% до 104%
• PWA від Uber займає мало місця й завантажується за 3 секунди навіть у мережах 2G
• завдяки PWA сайт OLX підвищив CTR оголошень на 146% і скоротив кількість відмов на 80%
• Magento 2.3 підтримує GraphQL — API-технологію, яка дає змогу отримувати й відображати дані інтернет-магазину значно меншими пакетами. Саме GraphQL стане основою інтерфейсу PWA, який через цю технологію отримуватиме потрібні йому дані

Сьогодні на ринку конкурують два основні проєкти: Vue Storefront і Magento PWA Studio.

Ключові особливості Magento PWA Studio:

• нативне рішення для Magento з підтримкою Adobe
• велика спільнота контриб’юторів
• окрема команда, що займається PWA
• проєкт з відкритим кодом
• вбудована підтримка GraphQL
• потужний набір інструментів для розробки та кастомізації сайту

Ключові особливості Vue Storefront:

• кросплатформність
• фокус на швидкодії
• принцип mobile-first
• жодних обмежень у стилістиці тем і кастомізації
• відкритий код за ліцензією MIT
• серверний рендеринг «з коробки» (для SEO)
• офлайн-режим

Утім, зауважимо: хоч би на чому був написаний магазин — на React чи Vue, — різниці у швидкодії PWA ви не помітите. Це майбутнє електронної комерції та необхідний інструмент для ефективної роботи.

Джерело: Elogic.io