Core Web Vitals: métricas esenciales para un sitio web
Los Core Web Vitals son las tres métricas con las que Google mide la experiencia de usuario de una página: cuánto tarda en aparecer el contenido principal (LCP), cuánto tarda en responder a un clic (INP) y cuánto se mueve el contenido mientras carga (CLS). Son señal de posicionamiento desde 2021 y cualquiera puede medirlas gratis.
Actualizado en agosto de 2026. Google sustituyó la tercera métrica: desde el 12 de marzo de 2024 el First Input Delay (FID) ya no es un Core Web Vital y lo reemplaza el Interaction to Next Paint (INP). Este artículo, publicado en 2021, se ha revisado para reflejarlo.
Este artículo no pretende dar detalles técnicos sobre cómo mejorar los Core Web Vitals, solo es una introducción. Si la parte técnica es de tu interés, la abordaré en otro artículo posterior, o puedes referirte al sitio de Google Developers.
Google es el buscador más utilizado del mundo, abarcando más del 85% de las búsquedas diarias.
Como líder indiscutible, el objetivo de Google es poder brindar, con la mejor experiencia de usuario posible, la información que las personas buscan, tan sencillo como eso.
Los usuarios aprecian cada vez más la velocidad con la que pueden ver la información o interactuar con un sitio web, incluso existen estudios que indican que un 53% de usuarios abandonan un sitio web si demora más de 3 segundos en cargar. Con el amplio uso de dispositivos móviles, esta experiencia de usuario toma más relevancia cada día.
Los Core Web Vitals se enfocan en 3 métricas esenciales y, según Google, son las métricas más importantes para ofrecer una gran experiencia de usuario. Estas son, de un vistazo:
| Métrica | Qué mide | Bueno | Mejorable | Malo |
|---|---|---|---|---|
| LCP — Largest Contentful Paint | Cuánto tarda en aparecer el contenido principal | ≤ 2,5 s | ≤ 4 s | > 4 s |
| INP — Interaction to Next Paint | Cuánto tarda la página en responder a una interacción | ≤ 200 ms | ≤ 500 ms | > 500 ms |
| CLS — Cumulative Layout Shift | Cuánto se mueve el contenido mientras carga | ≤ 0,1 | ≤ 0,25 | > 0,25 |
Una página aprueba los Core Web Vitals cuando el 75% de las visitas reales entra en «bueno» en las tres métricas a la vez.
Largest Contentful Paint (LCP)
El LCP mide el tiempo que tarda en cargarse la parte más significativa de la información que muestra tu sitio web. Por lo general esta parte es el banner principal o el primer título, independientemente del resto de información que contenga esa página.
Mientras más rápido cargue el LCP, mejor calificación tendrá. Hasta 2,5 segundos es bueno, hasta 4 segundos necesita mejora, pero más de eso ya es una métrica pobre, lo que impacta negativamente en la experiencia de usuario.
Métricas del LCP
Según Google, qué tan rápido carga la información de un sitio web determina la percepción que tiene un usuario de él.
Para entenderlo mejor, veamos el siguiente ejemplo:
LCP en acción
Podemos ver que, a medida que el navegador va cargando los elementos del sitio (renderizado) y el tiempo va corriendo, afecta la percepción del usuario, positiva o negativamente. ¡Nadie quiere esperar muchos segundos para que aparezca la información!
El LCP es diferente para cada sitio web dependiendo de cómo está desarrollado y qué elementos se utilizan. También es diferente en la versión de escritorio y en la móvil de un mismo sitio.
Interaction to Next Paint (INP)
El INP mide cuánto tarda la página en responder cuando el usuario hace algo: un clic, un toque en la pantalla, una tecla. No mide una sola interacción, sino que se queda con la peor de toda la visita, que es justo la que el visitante recuerda.
Aquí las métricas van hasta 200 milisegundos para bueno, hasta 500 milisegundos para mejorable, y más allá de eso es malo y afecta negativamente la experiencia de usuario.
Métricas del INP
Esta métrica cambió. Hasta marzo de 2024 el tercer Core Web Vital era el First Input Delay (FID), que medía solo el retraso de la primera interacción de la visita, y únicamente hasta que el navegador empezaba a atenderla. Era una vara demasiado corta: casi todos los sitios la aprobaban aunque después respondieran mal. El INP la sustituyó el 12 de marzo de 2024 y mide el ciclo completo, hasta que la pantalla vuelve a pintarse. Si tu sitio pasaba el FID sin problema, conviene volver a medirlo: no significa que pase el INP.
Cumulative Layout Shift (CLS)
El CLS mide qué tanto se mueve el contenido durante la carga. Es una métrica centrada en el usuario, en la experiencia de usuario.
¿Te ha pasado alguna vez que abres una página, ves un enlace interesante y cuando vas a dar clic el enlace se mueve y terminas dando clic a otro? ¿Cómo te hace sentir eso? A veces incluso cerramos la página o damos hacia atrás.
Esto lo causan las imágenes mal dimensionadas, el código HTML mal estructurado, la publicidad que se inserta sobre la marcha, las fuentes que cargan tarde y cambian de tamaño, etc.
Es una métrica exigente: para una buena calificación el desplazamiento acumulado debe quedar por debajo de 0,1. Ese 0,1 no es un porcentaje de la página, sino una puntuación que combina cuánta superficie se mueve y cuánta distancia recorre.
Métricas del CLS
Medir los Core Web Vitals en un sitio web
El primer paso para saber si un sitio web tiene buenas métricas es medirlo. Puedes hacerlo con PageSpeed Insights o desde la Search Console de Google, si tienes tu sitio configurado allí. En Google Chrome, Lighthouse viene incorporado en las herramientas de desarrollo: se abre con F12 y está en la pestaña «Lighthouse».
Conviene saber que esas herramientas no miden lo mismo. Lighthouse hace una prueba de laboratorio, en un entorno simulado, y por eso ni siquiera puede darte un INP: hace falta que alguien interactúe de verdad. Lo que Google usa para el posicionamiento son los datos de campo, los de visitas reales, y esos son los que verás en la Search Console y en la parte superior de PageSpeed Insights. Si los dos números no coinciden, el que cuenta es el de campo.
Dependiendo de los resultados, podrás identificar si tu sitio web necesita mejoras o tiene buenas métricas de rendimiento, lo que a la larga es beneficioso: desde que Google implementó los Core Web Vitals valora los sitios que ofrecen una buena experiencia de usuario y los favorece en el ranking de búsquedas, es decir, es bueno para el SEO.
Eso sí, conviene no exagerar su peso. Los Core Web Vitals son una señal más entre muchas, y desempatan entre páginas que responden igual de bien a la búsqueda. Una página lentísima con la mejor respuesta puede seguir ganándole a una rapidísima que no responde a nada.
Si bien hay acciones específicas que se pueden realizar para mejorar las métricas de tu sitio web, mi recomendación general es desarrollar sitios web utilizando las mejores prácticas y los últimos estándares en cuanto a la estructura del HTML, el código JavaScript, la forma de construir los estilos con CSS, el uso de imágenes optimizadas, etc. Estas recomendaciones son válidas tanto si desarrollas cada elemento individualmente como si usas un manejador de contenido como WordPress.