Progressive Web App na Voot

Logotipo da Voot Lite

Resumo

A Voot.com lançou seu Progressive Web App na Índia. Alguns dias após a implementação, o tempo da sessão por usuário aumentou em 39% e as visualizações diárias por usuário em 15%.

Resultados

  • 80% de redução no tempo de carregamento da página
  • 39% de aumento no tempo da sessão por usuário
  • 19% de redução na taxa de rejeição
  • Aumento de 77% na conversão de visitante para espectador de vídeo
  • 15% de aumento na média de exibições diárias de vídeo por usuário

Sobre o voot.com

Captura de tela do Voot

O Voot é um dos principais produtos de vídeo sob demanda da Índia, disponível como app nativo e app da Web para dispositivos móveis. Ele oferece quase 35 mil horas de conteúdo premium on-line, incluindo programas exclusivos de redes como Colors e MTV, além de Voot Originals e mais de 8.000 vídeos para crianças. O Voot é administrado pela Viacom18, uma joint venture entre a Viacom e a Network18 Group.

Desafio

Os dispositivos móveis são a principal forma de consumo de mídia na Índia. Esses dispositivos geralmente têm armazenamento limitado para apps nativos, tornando a Web para dispositivos móveis uma parte essencial da estratégia de produto da Voot.

A maioria dos usuários de dispositivos móveis do Voot acessa a Internet por meio de redes 2G e 3G limitadas. A transferência de dados é cara e, embora os usuários se tornem altamente comprometidos com um vídeo assim que ele começa a ser reproduzido, os tempos de carregamento lento fazem com que os usuários desistam antes do início da experiência. Para enfrentar esse desafio e aumentar o uso da Web para dispositivos móveis, a Voot procurou aprimorar o site com recursos do App Web Progressivo.

Solução

Para melhorar a experiência geral do usuário, a Voot.com transformou o site em um Progressive Web App usando recursos como a opção "Adicionar à tela inicial" e um service worker.

Embora os serviços 4G tenham sido lançados recentemente, a maioria dos usuários na Índia alcança a Internet por meio de redes 2G e 3G, com taxas de transferência de dados lentas e às vezes caras. Para reduzir os dados transferidos, a Voot.com otimizou as imagens especificamente para dispositivos móveis, e o site agora exibe dinamicamente imagens JPEG ou WebP, dependendo dos recursos do navegador.

A Voot.com também diminuiu os tempos de carregamento ao adicionar um service worker para pré-carregar imagens à medida que o usuário navega e armazená-las em cache para visitas repetidas. O site também foi analisado com o Lighthouse para receber insights de desempenho, o que, por sua vez, permitiu uma redução na sobrecarga de JavaScript e CSS e a implementação de chamadas síncronas de servidor.

Essas otimizações resultaram em uma redução de 63% na transferência de dados de carregamento da página de primeira visualização e de 86% na transferência de dados para visitantes recorrentes. Os carregamentos de página ficaram cinco vezes mais rápidos para os visitantes novos e quase sete vezes mais rápidos para os usuários recorrentes.

Para oferecer uma verdadeira experiência parecida com o app, a Voot.com também implementou o recurso adicionar à tela inicial, permitindo que os usuários abram a página pela tela inicial como um app nativo. Isso combinado com um processo de login simplificado permite que os usuários voltem a interagir com o site e assistam os programas favoritos deles de maneira rápida e fácil.

A Voot lançou a nova interface primeiro na Web para dispositivos móveis, antes da Web para computadores e do app nativo. Alguns dias após o lançamento, as melhorias resultaram em uma redução de 19% no abandono de usuários e um aumento de 77% na conversão de visitante para espectador de vídeo. Os usuários também mostraram níveis mais altos de engajamento, com um aumento de 39% no tempo médio da sessão do usuário e de 15% na média de visualizações diárias de vídeo por usuário. Essas métricas de engajamento do usuário mostram o desempenho do Voot.com em comparação com o app nativo, sem que os usuários precisem instalar nada.

"Adotando o PWA, melhoramos significativamente a experiência do usuário na Web para dispositivos móveis", diz Rajneel Kumar, vice-presidente sênior, diretor de produtos e tecnologia de OTT e Digital Ventures da Viacom18. "Todo o tempo e esforço que passamos na tecnologia e nas mudanças de IU, bem como nas otimizações, parece estar mostrando resultados muito positivos. Continuaremos refinando isso ainda mais e temos certeza de que continuaremos vendo um aumento significativo do consumidor."