Прогрессивное веб-приложение на Voot

Логотип Воот Лайт

Краткое содержание

Voot.com запускает свое медиа-приложение Progressive Web App в Индии. За несколько дней после внедрения время сеанса на пользователя увеличилось на 39 %, а ежедневные просмотры на пользователя — на 15 %.

Полученные результаты

  • Сокращение времени загрузки страницы на 80 %.
  • Увеличение времени сеанса на 39 % на пользователя
  • Снижение показателя отказов на 19 %.
  • Увеличение конверсии от посетителя к просмотрщику видео на 77 %.
  • Среднесуточное количество просмотров видео на одного пользователя увеличилось на 15 %.

О сайте voot.com

Вот скриншот

Voot — один из лучших в Индии продуктов для видео по запросу, доступный как в виде собственного приложения, так и в виде мобильного веб-приложения. Он предлагает около 35 000 часов онлайн-контента премиум-класса, включая эксклюзивные шоу от таких сетей, как Colors и MTV, а также Voot Originals и более 8 000 видеороликов для детей. Voot управляется Viacom18, совместным предприятием Viacom и Network18 Group.

Испытание

Мобильные устройства являются основной формой медиапотребления в Индии. Такие устройства часто имеют ограниченное пространство для хранения собственных приложений, что делает мобильный Интернет важной частью стратегии продукта Voot.

Большинство мобильных пользователей Voot получают доступ к Интернету через лимитированные сети 2G и 3G. Передача данных обходится дорого, и, хотя пользователи очень внимательно относятся к видео, как только оно начинает воспроизводиться, медленная загрузка приводит к тому, что пользователи сдаются еще до того, как воспроизведение может начаться. Чтобы решить эту проблему и увеличить использование мобильного Интернета, Voot решил улучшить свой сайт с помощью функций Progressive Web App.

Решение

Чтобы улучшить общее взаимодействие с пользователем, Voot.com превратил свой сайт в прогрессивное веб-приложение, используя такие функции, как «Добавить на главный экран» и сервис-воркера.

Хотя услуги 4G были запущены недавно, большинство пользователей в Индии выходят в Интернет через сети 2G и 3G с медленной, а иногда и дорогой скоростью передачи данных. Чтобы уменьшить объем передаваемых данных, Voot.com оптимизировал свои изображения специально для мобильных устройств, и теперь сайт динамически отображает изображения в формате JPEG или WebP в зависимости от возможностей браузера.

Voot.com также сократил время загрузки, добавив сервис-воркера для предварительной загрузки изображений при навигации пользователя и кэширования изображений для повторных посещений. Сайт также был проанализирован с помощью Lighthouse для получения информации о производительности, что, в свою очередь, позволило сократить накладные расходы на JavaScript и CSS и реализовать синхронные вызовы сервера.

Эта оптимизация привела к сокращению передачи данных о загрузке страницы при первом просмотре на 63 % и к сокращению передачи данных для вернувшихся посетителей на 86 %. Загрузка страниц стала в 5 раз быстрее для новых посетителей и почти в 7 раз быстрее для вернувшихся пользователей.

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

Voot запустил свой новый пользовательский интерфейс первым в мобильном Интернете, опередив десктопный веб-сайт и нативное приложение. Через несколько дней после запуска улучшения привели к снижению количества отказов пользователей на 19% и увеличению конверсии от посетителя к просмотрщику видео на 77%. Пользователи также продемонстрировали более высокий уровень вовлеченности: среднее время сеанса пользователя увеличилось на 39%, а среднее количество ежедневных просмотров видео на одного пользователя увеличилось на 15%. Эти показатели вовлеченности пользователей показывают, что Voot.com работает аналогично нативному приложению, не требуя от пользователя ничего устанавливать.

«Мы значительно продвинулись вперед, когда дело доходит до пользовательского опыта в мобильном Интернете, внедрив PWA», — говорит Раджнил Кумар, старший вице-президент по продуктам и технологиям OTT и цифровых венчурных проектов в Viacom18. «Все время и усилия, которые мы потратили на изменения в технологиях и пользовательском интерфейсе, а также на оптимизацию, похоже, принесли очень положительные результаты. Мы собираемся продолжать совершенствовать это и уверены, что продолжим наблюдать значительный рост потребительского спроса».