Magento 2.3 + PWA
Почему стоит перейти на Magento 2.3
C 2019 года Magento 1 больше не является объектом внимания Magento Inc.
на 300% быстрее
для конечного пользователя
на 52% быстрее
добавление товаров в корзину
до 10 млн стр/чел
отображение страниц каталога
Этапы миграции на Magento 2.3
Создание плана миграции
Временные рамки этапа: 2-3 недели.
Подготовка тестовой среды
Временные рамки этапа: 2-3 дня.
Установка модулей и разработка специфического функционала
Временные рамки этапа: 2-3 недели.
Миграция данных
Временные рамки этапа: 2-3 дня.
Создание темы для Magento 2.3
Временные рамки этапа: 4-8 недель.
Планирование публикации и дополнительная синхронизация базы данных
Временные рамки этапа: 5 рабочих дней.
Публикация магазина на базе Magento 2 на живом сервере
Временные рамки этапа: 1 день.
PWA на сайте — рост конверсии на 250%
* по данным kt.team на основании данных GA LFL 2017/2018 год для конкретного проекта нашей компании
PWA — свобода маркетологам
Забудьте времена, когда желания маркетологов ограничивались возможностями коробки. Новый принцип отделяет фронт проекта от его бизнес-логики. Как результат, сайт может как угодно взаимодействовать с пользователем без учета бизнес-логики проекта, а потом передавать необходимые данные о заказе (уже с учетом требований бэка).
Свободу маркетологам!
Проблемы обычных сайтов
Долго в разработке
Все кнопки на сайте завязаны на логику коробки вашей CMS. Маркетологи хотят изменений сегодня, но можно только через неделю.
Медленная загрузка
При генерации вашей страницы задействуется SQL, CMS и подгружается миллион библиотек, ведь так "исторически сложилось". У вас уже есть 3 уровня кэширования, но медленно все-равно.
Можно только всё переписать
Ваша CMS не предполагает разделение фронта и бэкенда, и чтобы что-то ускорить, нужно переписать всё, во что вложены тысячи часов.
Сложная поддержка мобильных
Mobile First? Не, не слышали.
Технология: путь от CMS до фронта
eCommerce CMS
API адаптер или GraphQL/Elastic
ElasticSearch
PWA фронт
Этапы внедрения PWA
1
Редизайн
Все страницы необходимо переработать на новый технологический лад
2
Создание API при его отсутствии
Обновить Magento до последней версии для получения GraphQL или использовать уже имеющееся API для мобильного приложения.
3
Разработка PWA
Сама разработка PWA занимает 2-3 месяца
4
Тюнинг для роботов
PWA генерирует страницы на стороне клиента. Роботы генерировать ничего не умеют, для этого настраивается Server-Side Rendering (SSR) для всех страниц. Роботы будут получать отдельно оптимизированные страницы.
PWA — замена мобильного приложения
Благодаря PWA сайт уже находится на телефоне со всем каталогом товаров.
И совершенно не важно какой это телефон: Apple, Android или Windows — приложение будет работать вне зависимости от среды и это его очень большой плюс. Не нужно думать про конечную целевую аудиторию с каких устройств они могут заказывать услугу.

Еще одним плюсом является то что, сайт может работать офлайн. Это очень удобно когда едешь в метро. Нет интернета и можно полистать любимый магазин набрать в корзину нужный товар отправить заказ. И заказ отправится, как только на устройстве появится интернет.

В текущих реалиях PWA это конкурентное преимущество, т.к. технология является еще новой и рынок с сайтами ей не перенасыщен.
Как это работает
На примере одного из наших проектов
Альтернативы PWA
Функционал
Без PWA
VUE.JS
(VSF)
REACT
(PWA STUDIO)
ANGULAR.JS
Для модификаций фронта не нужно знание бэкэнда
Возможность быстро менять фронт без логики бэка
Мобильное приложение из коробки
Скорость загрузки до 0,3 сек на страницу без учета графики
Поддержка Elastic
Поддержка Magento 2.3