PWA Blibli генерирует в 10 раз больше дохода на пользователя, чем их предыдущий мобильный веб-сайт.

Как Blibli добилась снижения показателя отказов на 42 %, увеличения коэффициента конверсии с мобильных устройств в 8 раз и увеличения количества страниц за сеанс в 2,5 раза.

Коллин Дион Агата
Collin Dion Agata
Света Гопалакришнан
Swetha Gopalakrishnan

Blibli — известная торговая площадка электронной коммерции в Индонезии. В 2019 году у компании было более 29 миллионов посещений веб-сайта в среднем в месяц. В недавнем исследовании веб-команда Blibli обнаружила, что их мобильная веб-платформа является важной платформой для привлечения посетителей и пользователей: 70% веб-пользователей заходят на мобильные устройства, а 30% веб-сайтов пользователи переходят на рабочий стол.

Обладая этим пониманием, Blibli отправилась в путь по улучшению веб-опыта и повышению конверсии. В результате им удалось добиться исключительных результатов:

42 %

Снижение показателя отказов

8 х

Лучший mCVR в установленном PWA по сравнению с мобильным браузером

2,5 х

Больше страниц/сессий на установленном PWA

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

Блибли выделил следующие области возможностей:

  • Для Blibli мобильная веб-платформа была важна для привлечения пользователей, многие из которых использовали устройства среднего и низкого уровня.
  • Интернет-экономика Индонезии быстро расширялась за пределы городов первого уровня . Следовательно, PWA и быстрые страницы были хорошей инвестицией для удовлетворения потребностей пользователей, таких как ограниченное хранилище и медленные сети.
  • 50% пользователей, заходящих на веб-платформу Blibli, возвращаются.

Подход, который они использовали

Команда разработала поэтапную стратегию краткосрочных и среднесрочных улучшений мобильной веб-платформы. Это включало:

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

Пользовательский поток

Новым посетителям предоставляется облегченная страница, которая работает в три раза быстрее по сравнению со старой домашней страницей.

Легкая страница, которая работает в три раза быстрее старой.
Легкая страница, которая работает в три раза быстрее старой.

На последующих страницах Blibli предлагает пользователям добавить ярлык PWA на главный экран.

Подсказка добавления на главный экран.

Если пользователи потеряют сетевое соединение, им будет представлена ​​элегантная резервная страница в автономном режиме.

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

Облегченная страница Blibli создала первое впечатление, что Blibli.com работает быстро и отзывчиво. Более того, облегченная страница сократила количество функций, сосредоточив внимание только на тех, которые обеспечивают ценностное предложение Blibli.

Сравнение времени загрузки до и после оптимизации.

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

Резервный вариант в автономном режиме
Автономный запасной вариант.

Это доставляет удовольствие веб-пользователям, значительная часть которых использует устройства среднего уровня. Поскольку размер PWA от Blibli составляет менее 1 МБ (это в целых 24 раза легче, чем их приложение для Android!), пользователям гораздо проще его установить. Это также облегчает Blibli удержание пользователей, обеспечивая им удобство работы, аналогичное работе с приложением.

Установите бюджеты производительности

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

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

  • В 3 раза сокращается время загрузки страницы.
  • Снижение показателя отказов на 42%.
  • Коэффициент конверсии на мобильных устройствах в 8 раз выше в установленном PWA по сравнению с мобильным Интернетом в браузере.
  • В 2,5 раза больше страниц/сеансов при установленном PWA.
  • В 10 раз больше доход на пользователя по сравнению с предыдущим мобильным веб-сайтом.

«Скорость и PWA стали для нас ценной инвестицией, позволившей нам обеспечить лучший мобильный опыт и реализовать нашу миссию — предоставить лучшую платформу для наших пользователей» , — Коллин Дион Агата, ведущий менеджер по продукту, Blibli.

Фото Кристиана Эскобара на Unsplash.