Fecha de publicación: 17 de marzo de 2021
Cuando ejecutó una prueba A/B enfocada específicamente en optimizar las métricas web, Vodafone descubrió que una mejora del 31% en el LCP generó un 8% más de ventas, un 15% más de visitas de clientes potenciales y un 11% más de visitas de carritos.
Vodafone es una empresa líder en telecomunicaciones de Europa y África que opera redes fijas y móviles en 21 países y se asocia con redes móviles en 48 más. Cuando se ejecutó una prueba A/B en una página de destino (en la que la versión A se optimizó para las métricas web y tuvo una puntuación de LCP un 31% mejor en el campo que la versión B), Vodafone determinó que la optimización para las métricas web generó un 8% más de ventas.
31%
Una mejora del 31% en el LCP generó lo siguiente:
+8%
Aumento en las ventas totales
+15%
Aumento en la tasa de visitas de clientes potenciales
+11%
Aumento en la tasa de carritos a visitas
Destaca la oportunidad
Vodafone sabía que los sitios web más rápidos suelen tener una correlación con métricas comerciales mejoradas y estaba interesado en optimizar sus puntuaciones de Web Vitals como una posible estrategia para aumentar las ventas, pero necesitaba determinar exactamente qué tipo de ROI obtendría.
El enfoque que usaron
Prueba A/B
El tráfico de la prueba A/B provino de diferentes canales de medios pagados, como la visualización, iOS/Android, la búsqueda y las redes sociales. El 50% del tráfico se envió a la página de destino optimizada (versión A) y el 50% se envió a la página del modelo de referencia (versión B). La versión A y la versión B obtuvieron alrededor de 100,000 clicks y 34,000 visitas por día. Como se mencionó antes, la única diferencia entre la versión A y la versión B era que la versión A estaba optimizada para Web Vitals. Aparte de eso, no hubo diferencias funcionales ni visuales entre las dos versiones. Vodafone usó la API de PerformanceObserver
para medir el LCP en sesiones de usuarios reales y envió los datos de campo a su proveedor de estadísticas.
Optimizaciones
Vodafone realizó los siguientes cambios en la página optimizada (versión A):
- Se trasladó la lógica de renderización de un widget del cliente al servidor, lo que generó menos código JavaScript que bloquea el procesamiento del contenido.
- HTML crítico procesado del servidor
- Imágenes optimizadas, lo que incluye cambiar el tamaño de la imagen hero, optimizar las imágenes SVG, usar consultas de medios para evitar cargar imágenes que aún no eran visibles en el viewport y optimizar las imágenes PNG
Resultados comerciales generales
Después de optimizar la versión A para las métricas web y compararla con la versión B no optimizada, Vodafone descubrió que la versión A generaba los siguientes resultados:
- Un aumento del 8% en las ventas
- Una mejora del 15% en la tasa de visitas de clientes potenciales (la cantidad de usuarios que se convirtieron en clientes potenciales en comparación con la cantidad total de visitantes)
- Una mejora del 11% en el porcentaje de visitas al carrito (la cantidad de usuarios que visitaron su carrito en comparación con la cantidad total de visitantes)
En la siguiente tabla, se muestran los valores de DOMContentLoaded
("DCL") y LCP que Vodafone observó en la versión A ("Página optimizada") y la versión B ("Página predeterminada"). Ten en cuenta que el DCL en realidad aumentó un 15%. Se ocultaron los valores absolutos relacionados con las métricas de la empresa.
En Vodafone, probamos soluciones nuevas, medimos los resultados, conservamos lo que funcionó y cuestionamos lo que no, y aprendemos de los errores. Lo llamamos "Experimenta y aprende rápido". Gracias a la colaboración con Google y la introducción del LCP como el KPI principal del rendimiento de la página, pudimos mejorar significativamente la experiencia del cliente de nuestro comercio electrónico.
Davide Grossi, director de Marketing Digital, Negocio
Consulta la página Casos de éxito de escalamiento en la Web para ver más historias de éxito.