JD.ID повышает коэффициент конверсии на мобильных устройствах на 53 % благодаря стратегиям кэширования, установке и push-уведомлениям.

Как JD.ID увеличил общий коэффициент мобильной конверсии (mCVR) на 53 %, mCVR для установленных пользователей на 200 % и ежедневных активных пользователей на 26 %.

JD.ID — это платформа электронной коммерции в Индонезии, предоставляющая услуги доставки широкого спектра товаров, включая электронные устройства, бытовую технику, одежду, модные аксессуары и спортивные товары. Компания JD.ID, работающая в настоящее время в более чем 350 индонезийских городах, хотела еще больше расширить свое присутствие в Интернете, сосредоточив внимание на производительности и сильной независимости от сети для своего прогрессивного веб-приложения (PWA). Благодаря этому расширенному опыту JD.ID удалось увеличить общий коэффициент мобильной конверсии (mCVR) на 53 %, mCVR для установленных пользователей на 200 %, а ежедневных активных пользователей на 26 %, что позволило ему стать самым популярная и надежная компания электронной коммерции в стране.

Снимки экрана пользователя, устанавливающего JD.ID PWA

Подчеркивая возможность

Чтобы преодолеть нестабильность мобильных сетей в Индонезии из-за огромного количества операторов, JD.ID искала решение, которое бы обеспечивало постоянную работоспособность веб-сайта и пользователя, а также решало бы любые проблемы с локальным кэшированием. Компания увидела огромный потенциал привлечения пользователей, которые посетили ее веб-сайт, но не загрузили приложение для iOS/Android. Чтобы воспользоваться этой возможностью, компания использовала лучшие практики PWA , чтобы создать на своем веб-сайте UX, подобный приложению, для повышения вовлеченности, уделяя особое внимание устойчивости сети для обеспечения надежности.

Подход

Стратегии кэширования

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

  • Сначала сеть, возврат к кешу : эта стратегия направлена ​​на то, чтобы сначала получить ответ от сети. Как только ответ получен, он передает его браузеру и сохраняет в кеше. Если сетевой запрос не удался, будет использован последний кэшированный ответ. JD.ID применил эту стратегию к домашней странице, чтобы гарантировать, что пользователи смогут получить доступ к домашней странице, даже если они не в сети.
  • Сначала кэшируйте, затем возвращайтесь к сети . Эта стратегия сначала проверяет кэш на наличие ответа и использует его, если он доступен. В противном случае веб-сайт JD.ID подключается к сети, кэширует ответ, а затем передает его браузеру. Когда сервис-воркер будет установлен, у него будут статические ресурсы домашней страницы, автономной резервной страницы (поясняется ниже), страницы категории, страницы продукта, корзины покупок и страницы расчетов, заранее кэшированные в кэше пользователя. Когда пользователь переходит на любую из этих страниц, эта стратегия кэширования гарантирует, что браузер получает файлы статических ресурсов напрямую из кеша, улучшая скорость загрузки этих важных страниц.
  • Только сеть : эта стратегия заставляет ответ поступать только из сети. JD.ID использует эту стратегию для корзины покупок и страницы расчетов, поскольку эти страницы требуют очень высокой точности данных.

Workbox также позволяет JD.ID настраивать правила маршрутизации, продолжительность тайм-аутов запросов по умолчанию, количество ответов, которые могут храниться в кеше, и длительность кэширования ответов.

Резервная офлайн-страница

Команда JD.ID создала резервную автономную страницу , чтобы предоставить пользователям единообразный опыт и улучшить брендинг веб-сайта. Они также добавили манифест веб-приложения , который позволяет пользователям легко устанавливать веб-приложение на свое мобильное устройство.

Скриншот резервной страницы автономного режима

Всплывающее уведомление

Кроме того, для дальнейшего повторного вовлечения компания JD.ID реализовала push-уведомления с помощью Firebase Cloud Messaging for Web , применяя их специально во время рекламных мероприятий по продаже продуктов.

Скриншоты включения push-уведомлений

Общие результаты бизнеса

  • Общий коэффициент мобильной конверсии (mCVR) увеличился на 53 %.
  • mCVR для пользователей, установивших JD.ID PWA, улучшился на 200 %.
  • Ежедневно активные пользователи мобильных платформ увеличились на 26% за счет увеличения повторного вовлечения через push-уведомления.
Статистика воздействия.

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

Фэнсянь Лю, менеджер по веб-разработке, JD.ID

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