El impacto empresarial de las Métricas web esenciales

Este artículo te ayudará a comprender cómo las Métricas web esenciales se correlacionan con las métricas comerciales clave mediante la exploración de ejemplos de empresas que ya observaron un impacto positivo en sus usuarios y negocios.

¿Tienes problemas para convencer a las partes interesadas de adoptar las Métricas web esenciales? ¿O te preguntas si realmente ayuda a tu empresa? Este artículo te ayudará a comprender cómo las Métricas web esenciales se correlacionan con las métricas clave de la empresa mediante la exploración de ejemplos de empresas que ya observaron un impacto positivo en sus usuarios y negocios.

Si prefieres mirar un video, mira esta charla de Google I/O:

Por qué las Métricas web esenciales son importantes para los usuarios y las empresas

Los distintos interesados de una organización pueden tener diferentes prioridades. Las Métricas web esenciales pueden ponerlas a todas en la misma página, ya que se enfocan en la optimización de las métricas centradas en el usuario y el crecimiento resultante del negocio.

El camino para lograr buenas Métricas web esenciales puede variar de un sitio a otro según la etapa del recorrido de rendimiento en la que se encuentren y la complejidad del diseño del sitio. Puede variar desde aprovechar los objetivos sencillos y obtener resultados significativos hasta implementar soluciones complejas que solucionen problemas complejos. Sin importar el tiempo dedicado, los encargados de tomar decisiones deben tratar esto como una inversión a largo plazo en el crecimiento de su negocio. Ofrecer una experiencia de navegación rápida y fluida deleita a los usuarios y ayuda a convertirlos en clientes leales y recurrentes. Para los gerentes de productos, el rendimiento debe ser un criterio importante que defina la calidad y el éxito de las nuevas características del producto. Además, la excelencia en el producto y el trabajo en desafíos interesantes también mejoran la satisfacción de los desarrolladores.

Si bien las Métricas web esenciales como indicador de clasificación brindan una motivación adicional para invertir tiempo en el rendimiento, adoptar las Métricas web esenciales tiene muchos otros beneficios a corto y largo plazo más allá de la clasificación. Exploremos varios casos de éxito de marcas globales y locales que adoptaron las Métricas web esenciales (antes de que afectaran la clasificación) debido a su enfoque en la experiencia del usuario.

Casos de éxito

Vodafone

Vodafone (Italia) mejoró el LCP en un 31% para obtener un 8% más de ventas.

Técnicas

• Renderiza el código HTML crítico en el lado del servidor.
• Reduce JavaScript que bloquea la renderización.
• Técnicas de optimización de imágenes.
• Cambia el tamaño de la hero image y aplaza los recursos no críticos.

Aprendizajes clave

• Las pruebas A/B son la mejor forma de medir un impacto significativo.
• A/B debe ser del servidor.

iCook

iCook mejoró sus CLS en un 15% para obtener un 10% más de ingresos publicitarios.

Técnicas

• Hay menos variabilidad en el tamaño de las unidades de anuncios y espacios publicitarios de tamaño fijo preasignados en la IU.
• Se optimizó la lógica de carga de la secuencia de comandos del anuncio para priorizar la oferta de encabezado y diferir el JS que no es crítico.

Aprendizajes clave

Es posible que la tasa de relleno se vea afectada, pero, con el tiempo, los aumentos de los ingresos con una mejora en la visibilidad de los anuncios.

Tokopedia

Tokopedia mejoró el LCP en un 55% y mejoró la duración promedio de las sesiones en un 23%.

Técnicas

• Elemento LCP de renderización del servidor (SSR).
• Precarga el elemento LCP.
• Optimización de imágenes (compresión, WebP, imágenes no críticas de carga diferida)

Aprendizajes clave

• Creaste un panel de supervisión del rendimiento para supervisar el progreso y el impacto en los equipos.
• Experimentamos con diferentes técnicas de renderización (por ejemplo, el elemento LCP de SSR, el de SSR, el de contenido de la mitad superior de la página y la de renderización completa del cliente).

Redbus

Las correcciones de las Métricas web esenciales contribuyeron a un porcentaje de conversiones móviles entre un 80 y un 100% (mCVR) y a un aumento significativo en la clasificación de dominios en las propiedades del mercado global de Redbus.

Técnicas

• La corrección de los espacios para los componentes de página y la eliminación de las secuencias de comandos de inserción de etiquetas no optimizadas mejoró el CLS.
• La optimización de secuencias de comandos de terceros y la compilación de microservicios con un principio de responsabilidad única redujo significativamente el TTI y la TBT.

Aprendizajes clave

• La reducción de CLS de 1.65 a 0 mejoró significativamente su clasificación de dominios a nivel mundial.
• Reducir el TTI de alrededor de 8 s a alrededor de 4 s, y la TBT de alrededor de 1,200 ms a alrededor de 700 ms, contribuyó a un aumento del 80 al 100% en el mCVR en todas las propiedades globales.
• El uso de las herramientas de RUM ayudó a capturar las métricas de rendimiento del mundo real en los mercados de nivel inferior.
• Adoptar una cultura de rendimiento es muy importante para evitar regresión. Esto también mejora la productividad del equipo gracias a código optimizado, lanzamientos más rápidos y menos problemas de producción.

En los casos de éxito anteriores, se muestra que puedes lograr mucho si adoptas prácticas recomendadas y mejoras con rapidez. Aquí hay algunos ejemplos reales más de este punto.

Los resultados anteriores se lograron con la selección de frutas económicas como las siguientes:

Para obtener más prácticas recomendadas, consulta la guía sobre las Métricas web. Usa PageSpeed Insights para auditar tu sitio web y obtener recomendaciones prácticas de inmediato.

Existen muchas otras marcas globales que también se beneficiaron de invertir en Métricas web esenciales.

• Tencent Video obtuvo una mejora del 70% en la CTR de los videos tras aprobar las Métricas web esenciales.
• Cdiscount mejoró las 3 métricas, lo que generó un aumento del 6% en los ingresos en su oferta del Black Friday.
• Wix aumentó los orígenes de dispositivos móviles que aprueban las Métricas web esenciales más de un 250% interanual.
• Nykaa descubrió que una mejora del 40% en el LCP generaba un 28% más de tráfico orgánico en ciudades de T2 y 3.
• La mejora en el LCP del 18% de NIKKEI STYLE generó un aumento del 9% en las vistas de página por sesión.
• NDTV obtuvo un porcentaje de rebote un 50% mejor después de reducir a la mitad el LCP, junto con otros cambios en el producto.
• Una mejora del 70% en el LCP de Agrofy Market se correlaciona con una reducción del 76% del abandono durante la carga..
• Flipkart logró una reducción del 2.6% en el porcentaje de rebote mejorando las métricas web esenciales.
• Ameba Manga mejoró la cantidad de cómics leídos entre 2 y 3 veces, ya que mejoró la puntuación de CLS 10 veces.
• Centro de ayuda de Yahoo! Japón corrigió la CLS, lo que generó una reducción del 98% en las páginas con bajo rendimiento y un aumento del 15% en las vistas de página por sesión.
• AliExpress mejoró 10 veces su CLS y su LCP dos veces, lo que se tradujo en porcentajes de rebote más bajos un 15%.
• GEDI observó una reducción del 77% en CLS y una reducción del 8% en el porcentaje de rebote.

¿Cómo puedes comenzar ahora?

Paso 1: Comienza a medir

Comienza por medir los datos de campo para tu sitio usando herramientas de supervisión de usuarios reales (RUM). Ya existen varias herramientas de RUM de Google y de terceros (de terceros).

Herramientas de RUM de Google

• Search Console
• PageSpeed Insights
• Biblioteca JavaScript web-vitals
• Informe sobre la experiencia del usuario en Chrome (CrUX)

Herramientas de RUM de terceros

• Cloudflare
• New Relic
• Akamai
• Calibre
• Triángulo azul
• Centinela
• SpeedCurve
• Raygun

Elige la herramienta que mejor se adapte a tus necesidades. Puedes ir un paso más allá y integrarlo a Google Analytics 4 para correlacionar las Métricas web esenciales con las métricas de tu empresa.

Paso 2: convencer a los interesados

• Informa a las partes interesadas sobre la importancia de adoptar las Métricas web esenciales para mejorar la experiencia del usuario y su correlación con las métricas comerciales de la empresa.
• Consigue un patrocinador interno para comenzar un pequeño experimento.
• Crear un objetivo compartido entre las partes interesadas para mejorar las Métricas web esenciales entre los equipos

Paso 3: Realiza una implementación exitosa con estas sugerencias

• Prioriza: Elige una página que tenga un alto tráfico o una importancia de conversión para generar resultados significativos (por ejemplo, página de destino de anuncios, página de conversión o páginas populares).
• Prueba A/B: Usa las pruebas del servidor para evitar costos de renderización. Compara los resultados entre las versiones optimizadas y no optimizadas.
• Supervisar: Usa la supervisión continua para evitar regresiones.

Por último, creemos que el rendimiento es un recorrido, no un destino. En ese sentido, planeamos mantener este artículo actualizado con los aspectos destacados de los casos de éxito más recientes. Si también tienes un negocio atractivo y deseas aparecer en este artículo, envía una propuesta de contenido.