Publicado em 17 de março de 2021
Ao realizar um teste A/B com foco específico na otimização das Core Web Vitals, a Vodafone descobriu que uma melhoria de 31% no LCP gerou 8% mais vendas, 15% mais leads e 11% mais carrinhos.
A Vodafone é uma empresa líder em telecomunicações na Europa e na África, que opera redes fixas e móveis em 21 países e faz parceria com redes móveis em mais 48 países. Ao realizar um teste A/B em uma página de destino, em que a versão A foi otimizada para as Métricas da Web e teve uma pontuação de LCP 31% melhor no campo do que a versão B, a Vodafone determinou que a otimização para as Métricas da Web gerou 8% mais vendas.
31%
Uma melhoria de 31% no LCP levou a…
+8%
Aumento no total de vendas
+15%
Aumento na taxa de lead a visita
+11%
Aumento na taxa de adição ao carrinho após visualizações
Destaque da oportunidade
A Vodafone sabia que sites mais rápidos geralmente estão relacionados a métricas de negócios melhores e queria otimizar as pontuações dos Web Vitals como uma possível estratégia para aumentar as vendas, mas precisava determinar exatamente o tipo de ROI que receberia.
A abordagem usada
Teste A/B
O tráfego do teste A/B veio de diferentes canais de mídia paga, incluindo display,
iOS/Android, pesquisa e mídias sociais. 50% do tráfego foi enviado para a página de destino otimizada (versão
A) e 50% para a página de destino de referência (versão B). A versão A e a versão B tiveram cerca de 100 mil
cliques e 34 mil visitas por dia. Como mencionado anteriormente, a única diferença entre a versão A e
a versão B é que a versão A foi otimizada para os Web Vitals. Não houve diferenças funcionais ou visuais
entre as duas versões. A Vodafone usou a API
PerformanceObserver para
medir o LCP em sessões de usuários reais e enviou os
dados de campo
para o provedor de análise.
Otimizações
A Vodafone fez as seguintes mudanças na página otimizada (versão A):
- A lógica de renderização de um widget foi movida do lado do cliente para o lado do servidor, o que resultou em menos JavaScript de bloqueio de renderização.
- HTML crítico renderizado no servidor
- Imagens otimizadas, incluindo redimensionar a imagem principal, otimizar imagens SVG, usar consultas de mídia para evitar o carregamento de imagens que ainda não estavam visíveis na janela de visualização e otimizar imagens PNG.
Resultados gerais de negócios
Depois de otimizar a versão A para as Core Web Vitals e compará-la com a versão B não otimizada, a Vodafone descobriu que a versão A levou a:
- Um aumento de 8% nas vendas
- Uma melhoria de 15% na taxa de lead para visita (o número de usuários que se tornaram leads em comparação com o número total de visitantes)
- Uma melhoria de 11% na taxa de visitas ao carrinho (o número de usuários que visitaram o carrinho em comparação com o número total de visitantes)
A tabela a seguir mostra os valores de DOMContentLoaded ("DCL") e LCP que
a Vodafone observou na versão A ("Página otimizada") e na versão B ("Página
padrão"). A DCL aumentou 15%. Os valores absolutos relacionados às métricas de negócios foram editados.
Na Vodafone, testamos novas soluções, medimos resultados, mantemos o que funcionou e questionamos o que não funcionou, aprendendo com os erros. Chamamos isso de "Experimentar, aprender rápido". Graças à colaboração com o Google e à introdução do LCP como o principal KPI para a performance da página, foi possível melhorar significativamente a experiência do cliente no nosso e-commerce.
Davide Grossi, chefe de marketing digital, empresa
Confira a página de estudos de caso sobre escala na Web para mais histórias de sucesso.