Métricas web es una iniciativa de Google cuyo objetivo es proporcionar una guía unificada de los indicadores esenciales para ofrecer una excelente experiencia de usuario en la Web.

Métricas web principales es un subconjunto de Métricas web que mide tres aspectos. Algunos estudios demuestran que, cuando un sitio supera los umbrales de Métricas web principales, hay un 24 % menos de probabilidades de que sus visitantes lo abandonen.

Las métricas que componen Métricas web principales se centran en:

• Cargando
• Interactividad
• Estabilidad visual

El primer paso para mejorar los resultados de Métricas web principales es recoger datos.

• PageSpeed Insights mide y genera informes de la experiencia de usuario de una página, tanto en dispositivos móviles como de sobremesa, y ofrece sugerencias para mejorar las páginas.
  
  
• Search Console mide y genera informes del rendimiento de las páginas de un sitio, basándose en el uso que hace la audiencia de él, para saber si superan los umbrales de Métricas web principales.
  
  
• La extensión de Chrome de Métricas web (llamada "Web Vitals") mide y genera informes del rendimiento que ofrece una página en tiempo real en relación con los indicadores de Métricas web principales. Está especialmente indicada para desarrolladores.

💡Práctica recomendada: Comparte las sugerencias de estas herramientas con tu desarrollador.

Las páginas con un tiempo de carga rápido parecen más útiles a la audiencia.

• El 50 % de los usuarios 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 % afirma que el tiempo de carga influye en su nivel de fidelidad a la marca

La carga se mide según el renderizado del mayor elemento con contenido (LCP), que es el tiempo que se tarda en mostrar la imagen o el bloque de texto más grandes.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben cargarse en 2,5 segundos como máximo.

💡Prácticas recomendadas

• Habilita la carga en diferido
• Usa vídeos en lugar de GIFs grandes
• Quita el código que no se utilice

Mientras que la métrica Carga mide la rapidez con la que tu sitio muestra el contenido, la métrica Interactividad mide la capacidad de respuesta que tiene el sitio cuando la audiencia intenta seleccionar un artículo o llevar a cabo otra acción.

La interactividad se mide según la latencia de la primera interacción (FID), que es el tiempo que transcurre desde que alguien hace clic en un enlace o un botón hasta que tu sitio empieza a procesar esa acción.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben tardar 0,1 segundos como máximo en empezar a procesar un clic.

💡Prácticas recomendadas

• Habilita la carga en diferido, que divide el código en tareas más pequeñas
• Carga primero el código necesario para la página
• Reduce el código que recoge datos

¿Alguna vez has empezado a leer un artículo y, antes de llegar al final de una frase, el texto se ha movido y te has despistado?

Aunque la mayoría de las veces esta situación solo resulta molesta, a veces puede tener consecuencias graves.

La estabilidad visual se mide según los cambios de diseño acumulados (CLS). Esta métrica permite conocer todos los cambios que se han producido en un contenido determinado al mismo tiempo.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben tener una puntuación de 0,1 como máximo.

💡Prácticas recomendadas

• Define las relaciones de aspecto o las dimensiones de las imágenes y los vídeos
• Elige el tamaño de anuncio que te resulte más adecuado en función de los anuncios anteriores

Evita usar anuncios que se muestren en la parte superior de la página