Las Métricas web son una iniciativa de Google para proporcionar una orientación unificada sobre qué es esencial para lograr una excelente experiencia del usuario en la Web.

Las Métricas web esenciales son tres métricas de Métricas web. Según investigaciones, cuando un sitio cumple con las Métricas web esenciales, existe un 24% menos de probabilidades de que las personas abandonen la página.

Las Métricas web esenciales se enfocan en lo siguiente:

• Carga
• Interactividad
• Estabilidad visual

La recopilación de datos es el primer paso para mejorar tus Métricas web esenciales.

• PageSpeed Insights mide la experiencia del usuario de una página en dispositivos móviles y de escritorio, genera informes sobre ella y proporciona sugerencias sobre el modo en que puedes mejorar tus páginas.
  
  
• Search Console mide el rendimiento de la página con respecto a las Métricas web esenciales y genera informes en función de cómo tu público usa el sitio.
  
  
• La extensión de Chrome de Web Vitals mide el rendimiento de las Métricas web esenciales en tiempo real para cualquier página y genera informes sobre ellas. Esta es la mejor opción para los desarrolladores.

💡Práctica recomendada: Comparte sugerencias de cualquiera de esas herramientas con tu desarrollador.

Los tiempos de carga rápidos le aseguran al público que la página es útil.

• El 50% de las personas abandona un sitio si tarda más de 3 segundos en cargarse.
• El 47% espera que las páginas web se carguen en menos de 2 segundos.
• El 52% dice que el tiempo de carga define su lealtad a una marca.

La carga se mide con la métrica de Largest Contentful Paint (LCP), que es cuánto tarda en aparecer la imagen o el bloque de texto más grandes.

Para alcanzar las Métricas web esenciales, el 75% de tus páginas debería cargarse en 2.5 segundos o menos.

💡Prácticas recomendadas

• Habilita la carga diferida.
• Usa videos en lugar de GIFs grandes.
• Quita el código sin usar.

Mientras que la carga mide la rapidez en la que tu sitio muestra el contenido, la interactividad mide qué tan responsivo es tu sitio cuando el público intenta seleccionar un artículo o realizar otra acción.

La interactividad se mide con la métrica de Retraso de primera entrada (FID), que es cuánto tiempo pasa desde que alguien hace clic en un vínculo o botón hasta que el sitio empieza a procesar esa acción.

Para cumplir con las Métricas web esenciales, el 75% de tus páginas debería tardar 0.1 segundos o menos en empezar a procesar un clic.

💡Prácticas recomendadas

• Habilita la carga diferida, que divide el código en tareas más pequeñas.
• Carga el código que se necesita para la página primero.
• Reduce el código que busca datos.

¿Alguna vez empezaste a leer un artículo y, antes de terminar una oración, el texto se movió y perdiste dónde estabas?

La mayoría de las veces es solo molesto, pero eso puede causar daños.

La estabilidad visual se mide con el Cambio de diseño acumulado (CLS), que es el número más alto de cambios de contenido que ocurren a la vez.

Para cumplir con las Métricas web esenciales, el 75% de tus páginas debería tener un puntaje de 0.1 o inferior.

💡Prácticas recomendadas

• Establece las relaciones de aspecto o dimensiones para imágenes y videos.
• Elige el mejor tamaño de anuncio en función de anuncios anteriores.

No uses anuncios que se muestren en la parte superior de una página.