Core Web Vitals: métricas esenciales para un sitio web
Lo que aprenderás:
- Las tres métricas, de un vistazo
- Largest Contentful Paint (LCP)
- Interaction to Next Paint (INP)
- Cumulative Layout Shift (CLS)
- Cómo medirlos
- Preguntas frecuentes
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, con diferencia, el buscador más utilizado del mundo. Su cuota ronda el 90% de las búsquedas, y puedes consultarla actualizada en StatCounter, que publica el dato de forma abierta.
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.
Las personas aprecian cada vez más la rapidez con la que pueden ver la información o interactuar con un sitio. Una investigación de Google encontró que el 53% de las visitas desde celular se abandonan cuando la página tarda más de tres segundos en cargar. Conviene leer bien ese dato: habla de visitas desde celular, no de todas.
Las tres métricas, de un vistazo
Los Core Web Vitals se enfocan en tres métricas que, según Google, son las más importantes para ofrecer una buena experiencia de usuario:
| 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
Cómo medirlos
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 concretas para mejorar cada métrica, mi recomendación general es desarrollar con buenas prácticas y estándares actuales: HTML bien estructurado, JavaScript contenido, CSS construido con criterio, imágenes optimizadas. Vale igual si desarrollas cada elemento a mano o si usas un gestor de contenido como WordPress.
Las acciones concretas las prometimos «para otro artículo» en 2021, y ese artículo ya existe: mejorar la velocidad de carga de tu página web.
Preguntas frecuentes
¿Aprobar los Core Web Vitals me va a subir de posición?
Por sí solo, no. Son una señal más y sirven para desempatar entre páginas que responden igual de bien a la búsqueda. El beneficio directo no es el posicionamiento: es que menos gente abandona tu página antes de verla.
Mi PageSpeed Insights da 98 y aun así aparezco en rojo, ¿cómo?
Porque son dos cosas distintas. El número grande de color suele ser la prueba de laboratorio de Lighthouse, simulada. Lo que Google usa son los datos de campo, de visitas reales, y aparecen en la parte de arriba del informe. Si no coinciden, manda el de campo.
No tengo datos de campo, ¿por qué?
Porque tu sitio no recibe suficientes visitas para que Google reúna una muestra. En ese caso trabaja con los datos de laboratorio, sabiendo que son una aproximación.
¿Cada cuánto se actualizan los datos de campo?
Son una ventana móvil de los últimos 28 días. Eso significa que un arreglo que hagas hoy tarda semanas en reflejarse por completo. No lo midas al día siguiente y concluyas que no sirvió.
¿Cómo empiezo si mis tres métricas están mal?
Por el LCP, casi siempre. Suele ser la imagen principal sin optimizar, y es el arreglo con mejor relación entre esfuerzo y resultado. Google tiene una guía específica para esa métrica.
Mide antes de decidir
Antes de contratar a nadie para «acelerar tu sitio», mídelo tú: PageSpeed Insights es gratis y tarda un minuto. Con ese informe delante, cualquier conversación posterior parte de datos y no de impresiones.