¿Qué son las Core Web Vitals y cómo afectan a mi página?
Core Web Vitals · Visibilidad
Son tres medidas con las que Google evalúa la experiencia en tu página: qué tan rápido aparece el contenido principal (LCP), qué tan rápido responde cuando tocas (INP) y que nada se mueva mientras lees (CLS).
Qué es Core Web Vitals, paso a paso
Son tres métricas con las que Google mide la experiencia de quienes visitan una página. LCP mide la carga: el contenido principal debería aparecer en 2,5 segundos o menos. INP mide la respuesta al tocar o hacer clic: 200 milisegundos o menos. CLS mide la estabilidad visual, que nada salte mientras lees: 0,1 o menos.
Se evalúan en el percentil 75 de las visitas, separando celular y computador, así que la página tiene que ir bien para la mayoría de las visitas reales. INP pasó a ser una de las tres en 2024.
Una página lenta o que salta mientras carga pierde gente antes de que lea la primera línea, y en el celular se nota más. Estas métricas le ponen número a esa experiencia, así que sirven para saber si un cambio mejoró o empeoró el sitio.
Lo mismo, en pequeño y en grande
Una floristería con fotos pesadas
Su página tardaba en mostrar la foto principal y, al cargar, el texto saltaba de lugar. Al comprimir las fotos y reservar el espacio de cada una, la página abre más rápido y deja de moverse.
Una tienda con muchas visitas
Mide cómo se comporta la página en los celulares y computadores de sus visitantes reales, y corrige primero lo que más retrasa la carga o hace saltar los botones.
Cómo lo usamos en Damorus
En los casos que publicamos no reportamos puntajes de Core Web Vitals; lo que sí contamos es cómo trabajamos sus causas. En La Roca la portada escoge una foto al azar y precarga solo esa, y las fuentes cargan de forma diferida. En URG Technology las imágenes se convierten a WebP de máximo 1.920 píxeles y las animaciones se pausan fuera de pantalla. En The Medspa by Rayray reservamos desde el principio el espacio del titular que se escribe letra por letra, porque empujaba la página hacia abajo.
Pon a prueba lo que leíste
Elige A, B o C. Si fallas, lees el porqué y pruebas otra vez.
Vas a tocar un botón y, justo antes, la página se mueve y tocas otra cosa. ¿Qué falló?
Aprende jugando
La lluvia del mercado
Fuentes
La lluvia del mercado
Otros temas que te pueden interesar