Ao executar um teste A/B especificamente focado na otimização das Métricas da Web, a Vodafone descobriu que uma melhoria de 31% no LCP levou a 8% mais vendas, uma melhoria de 15% na taxa de visitas de leads e uma melhoria de 11% no carrinho de visitas.
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 parcerias com redes móveis em mais 48. Ao executar 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 tinha uma pontuação de LCP 31% melhor no campo do que na 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% na LCP levou a...
+8%
Aumento no total de vendas
+15%
de aumento na taxa de leads para visitas
+11%
Aumento na taxa de visitas do carrinho
Destaque a oportunidade
A Vodafone sabia que sites mais rápidos geralmente estão relacionados a melhorias nas métricas de negócios e estava interessada em otimizar as pontuações das Métricas da Web como uma possível estratégia para aumentar as vendas, mas precisava determinar exatamente que tipo de ROI conseguiria.
![Duas capturas de tela do site da Vodafone.](https://web.dev/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=5&hl=pt)
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 redes sociais. 50% do tráfego foi enviado para a página de destino otimizada (versão
A) e 50% para a página de referência (versão B). As versões A e B receberam 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 as Métricas da Web. Além disso, não havia diferenças funcionais ou visuais
entre as duas versões. A Vodafone usou a
API PerformanceObserver
para
medir a 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 alterações na página otimizada (versão A):
- A lógica de renderização de um widget foi movida do lado do cliente para o servidor, o que resultou em menos JavaScript bloqueador de renderização.
- HTML crítico renderizado do lado do servidor
- Imagens otimizadas, incluindo redimensionamento da imagem principal, otimização de imagens SVG, uso de consultas de mídia para evitar o carregamento de imagens que ainda não estavam visíveis na janela de visualização e otimização de imagens PNG
Resultados gerais dos negócios
Depois de otimizar a versão A para as Métricas da Web e compará-la à versão B não otimizada, a Vodafone descobriu que a versão A gerava:
- Um aumento de 8% nas vendas
- Uma melhoria de 15% na taxa de leads até a 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 do carrinho (o número de usuários que visitaram o carrinho em comparação com o número total de visitantes)
![Uma ilustração que reitera os resultados comerciais.](https://web.dev/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=5&hl=pt)
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"). Observe que o DCL, na verdade, 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 "Experimente, aprenda rápido". Graças à colaboração com o Google e à introdução da LCP como o principal KPI para o desempenho da página, foi possível melhorar significativamente a experiência do cliente no nosso e-commerce.
Davide Grossi, diretor de marketing digital de negócios
Confira a página Escalonar na Web estudos de caso para mais histórias de sucesso.