Qué son los Core Web Vitals

Todo lo que necesitas saber sobre los Core Web Vitals para acelerar y destacar.

Arjen Karel Core Web Vitals Consultant
Arjen Karel - linkedin
Last update: 2026-02-08

Los Core Web Vitals - en resumen

Los Core Web Vitals no son simplemente unas métricas opcionales. Son el estándar de oro que Google utiliza para evaluar el rendimiento de carga, interactividad y estabilidad visual de tu sitio web. Las 3 métricas que componen los Core Web Vitals son: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) y Cumulative Layout Shift (CLS). Google califica los Core Web Vitals de tu sitio como Good, Needs Improvement o Poor.

Aprobarlos puede ser la diferencia entre el éxito y la mediocridad, porque si no estás optimizando para estas métricas, básicamente le estás diciendo a tus usuarios que no te importa su experiencia online.

¿Listo para aprender, acelerar y destacar? Vamos a dominar estas métricas.

¿Qué son los Core Web Vitals?

Los Core Web Vitals de Google son tres métricas en constante evolución (Largest Contentful, Interaction to Next Paint y Cumulative Layout Shift) que miden la user experience de un sitio web. Estas métricas se centran en 3 aspectos reales (o de campo) de la user experience:

  • carga: qué tan rápido se carga el contenido de la página
  • interactividad: qué tan rápido puede el navegador responder a la entrada del usuario
  • estabilidad: qué tan (in)estable es el contenido mientras se carga en el navegador.

Aprobar los Core Web Vitals

A cada una de las métricas de los Core Web Vitals se le asigna una calificación de Good, Needs Improvement o Poor según los umbrales creados por Google. Para aprobar los Core Web Vitals, al menos el 75% de tus visitantes necesitan tener una puntuación 'good' en LCP, INP y CLS en el conjunto de datos Google CrUX a nivel de URL. Si los datos a nivel de URL no están disponibles, Google puede recurrir a datos a nivel de grupo de URLs o incluso a nivel de origen.


 Good Needs Improvement Poor
Largest Contentful Paint < 2500ms 2500ms - 4000ms > 4000+ms
Interaction to Next Paint < 200ms 200ms - 500ms > 500ms
Cumulative layout Shift < 0.1 0.1-0.25 > 2.5


Una mirada más profunda a las métricas de los Core Web Vitals

Veamos más de cerca las 3 métricas actuales de los Core Web Vitals y cuál es su propósito exactamente:

Largest Contentful Paint (LCP) - Carga

La métrica Largest Contentful Paint (LCP) representa qué tan rápido se está cargando tu sitio.

El elemento LCP en sí es el elemento individual más grande con 'contenido' que se ha pintado en la parte visible de la pantalla. Con contenido significa que no cualquier elemento puede convertirse en un candidato a LCP. No, el elemento necesita tener algún contenido significativo. La definición esta vez es bastante estricta: los candidatos a LCP que se consideran son: imágenes, bloques de texto o videos que son visibles en el viewport, relativos al momento en que el usuario navegó por primera vez a la página.

El valor del Largest Contentful Paint (LCP) es el tiempo en milisegundos entre la solicitud de la página y el momento en que el elemento con contenido más grande se muestra en la parte visible de la pantalla web (above the fold).

El Largest Contentful Paint (LCP) se eligió porque se centra en la user experience del visitante. Cuando ocurre el LCP, se puede asumir que el visitante piensa que la página ha terminado de cargar (aunque puede que no sea así en absoluto). El LCP fue creado para responder a la pregunta: ' [url=https://calendar.perfplanet.com/2019/developing-the-largest-contentful-paint-metric/]¿Cuándo es visible el contenido de una página?[/url]'.


Interaction to Next Paint (INP) - Interactividad

El Interaction to Next Paint (INP) representa la interactividad de tu sitio. La métrica mide qué tan rápido puede el navegador actualizar el diseño después de una interacción con una página web.

El valor del Interaction to Next Paint es la diferencia de tiempo entre cada interacción del usuario y el cambio final de presentación en la página. La más lenta de todas las interacciones (o el percentil 98) determinará la métrica final del Interaction to Next Paint (INP).

El INP es un valor de campo puro y no puede ser medido por herramientas de laboratorio como Lighthouse porque requiere entrada real del usuario. En Lighthouse la métrica Total Blocking Time correlaciona bastante bien con el Interaction to Next Paint. Aunque el INP suele ser (mucho) menor que el Total Blocking Time, mejorar el TBT también mejorará el INP.

Cumulative Layout Shift (CLS) - Estabilidad visual

El Cumulative Layout Shift (CLS) representa la parte de estabilidad visual de los Core Web Vitals. El Cumulative Layout Shift (CLS) mide los movimientos inesperados de elementos en la página mientras el contenido se renderiza o se muestra nuevo contenido en la página.

El valor del CLS se basa en 2 'fracciones'. La fracción de impacto y la fracción de distancia. Cuando un elemento es visualmente 'inestable', cambiará sus dimensiones causando que otro contenido se desplace. La distancia es el número de píxeles relativo al viewport. El impacto es el tamaño de los elementos afectados relativo al viewport.

¿Por qué importan los Core Web Vitals?

Ahora que sabes qué son los Core Web Vitals, la siguiente pregunta es: "¿Por qué debería importarme los Core Web Vitals?". Esta es una gran pregunta.

  • User Experience mejorada. Los Core Web Vitals impactan directamente en cómo los usuarios interactúan con tu sitio web. Al optimizar estas métricas, puedes proporcionar una experiencia más rápida, receptiva y visualmente estable para tus clientes. Esto lleva a: Mayor engagement y tiempo en tu sitio, menores tasas de rebote y mayores tasas de conversión (fuente: [url=https://web.dev/case-studies/vitals-business-impact]Google[/url]).
  • Search Engine Optimization (SEO). Google ha convertido los Core Web Vitals en un [url=https://developers.google.com/search/blog/2020/11/timing-for-page-experience]factor de posicionamiento[/url] en su algoritmo de búsqueda. Esto significa: Mejores Core Web Vitals pueden llevar a mejores posiciones en los motores de búsqueda, mayor visibilidad en los resultados de búsqueda y más tráfico orgánico a tu sitio web
  • Rendimiento móvil. Con el uso creciente de smartphones para compras e investigación online, los Core Web Vitals son cruciales para el rendimiento móvil: el 70% de las personas usan smartphones para investigar productos antes de comprar y el [url=https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/negative-mobile-experience-statistics/]62%[/url] tiene más probabilidades de hacer negocios con empresas que tienen sitios web optimizados para móviles.
  • Ventaja competitiva. Al priorizar los Core Web Vitals, puedes: Adelantarte a competidores que pueden estar descuidando estas métricas, proporcionar una user experience superior en comparación con otros negocios de tu industria y potencialmente capturar cuota de mercado de sitios web más lentos, menos receptivos o menos estables.
  • Otros. Además de las ventajas anteriores, los Core Web Vitals están bastante bien documentados (y eso es único para un [url=https://developers.google.com/search/docs/appearance/page-experience]factor de posicionamiento[/url] conocido de Google). Si usas Google Ads obtendrás una [url=https://support.google.com/google-ads/answer/6167130]puntuación de anuncio mejorada[/url]. Esto significa que puedes comprar tus anuncios más baratos y finalmente aprobar los Core Web Vitals es uno de los prerrequisitos para el cuadro de Top Stories de Google.

Medir los Core Web Vitals

Dado que los Core Web Vitals se centran en 3 aspectos reales (o de campo) de la user experience, solo pueden medirse con datos de campo. Las pruebas sintéticas o de laboratorio como Lighthouse pueden proporcionar información sobre por qué tu página es lenta, pero NO miden los Core Web Vitals.

Datos CrUX

Los Core Web Vitals son medidos por Google y se registran en el [url=https://developer.chrome.com/docs/crux/]conjunto de datos CrUX[/url]. CrUX es el conjunto de datos oficial del programa [url=https://web.dev/vitals/]Web Vitals[/url]. Hay varias formas de acceder al conjunto de datos:

  1. El [url=https://web.dev/chrome-ux-report-data-studio-dashboard/]Panel CrUX[/url] es un panel de Data Studio que te permite consultar y visualizar datos CrUX en un panel interactivo, así como exportar informes PDF.
  2. [url=https://developer.chrome.com/docs/crux/bigquery/]CrUX en BigQuery[/url] proporciona una base de datos de acceso público con todos los datos a nivel de origen recopilados por CrUX. Es posible consultar todos y cada uno de los orígenes para los que se recopilan datos, analizar cualquier métrica que CrUX soporte y filtrar por todas las dimensiones disponibles. Los histogramas completos de métricas se almacenan en las tablas de BigQuery permitiendo la visualización de distribuciones de rendimiento, incluyendo métricas experimentales.
  3. La [url=https://developer.chrome.com/docs/crux/api/]API de CrUX[/url] proporciona acceso programático a los datos de CrUX por página u origen, y puede filtrarse adicionalmente por tipo de dispositivo, tipo de conexión efectiva y métricas.
  4. [url=https://pagespeed.web.dev/]PageSpeed Insights[/url] usa CrUX para presentar datos de rendimiento de usuarios reales junto con oportunidades de rendimiento impulsadas por [url=https://developer.chrome.com/docs/lighthouse/overview/]Lighthouse[/url].

CoreDash RUM data

Datos RUM

Los datos RUM se recopilan mediante Real User Monitoring. Los datos RUM son lo mejor después del conjunto de datos CrUX. El conjunto de datos CrUX es altamente anónimo y no se presta para ser analizado de manera detallada. Los datos CrUX también tienen 28 días de retraso. Por eso muchos profesionales de Core Web Vitals confían en [url=https://coredash.app]Real User Metrics[/url]. Al igual que los datos CrUX, los datos de usuarios reales se utilizan para medir los Core Web Vitals.

CoreDash RUM data

Lighthouse

Lighthouse es una herramienta potente. Pero entiende esto: ¡Lighthouse no mide los Core Web Vitals! Lighthouse es una herramienta de laboratorio (LAB). Lighthouse realiza un análisis bajo circunstancias específicas. No navega entre páginas, no almacena recursos en caché, no interactúa con el sitio web y no simula circunstancias de la vida real.

Sin embargo, Lighthouse es una gran herramienta y si se usa correctamente te dirá mucho sobre los problemas de Core Web Vitals en una página.

La mejor forma de ejecutar un análisis de Lighthouse es a través de [url=https://pagespeed.web.dev/]PageSpeed Insights[/url] desde tu navegador o mediante la [url=https://github.com/GoogleChrome/lighthouse]herramienta de línea de comandos de Lighthouse[/url].

lighthouse audit

Cómo mejorar los Core Web Vitals

Los Core Web Vitals son un conjunto de métricas en constante evolución y mejorarlos no es algo que se haga una sola vez. Para mantenerse por delante de los Core Web Vitals, los sitios deben incorporar una buena estrategia de optimización de velocidad de página en su proceso de desarrollo y mantenimiento. Esto incluye un seguimiento continuo del rendimiento e implementar pequeñas mejoras de forma constante.

Los 3 Core Web Vitals interactúan entre sí y mejorar uno a menudo tiene un efecto positivo o incluso negativo en los demás. Las guías son un gran punto de partida para entender y mejorar cada uno de los Core Web Vitals individualmente:

  • [url=/core-web-vitals/largest-contentful-paint] Mejorar el Largest Contentful Paint[/url]
  • [url=/core-web-vitals/interaction-to-next-paint] Mejorar el Interaction to Next Paint[/url]
  • [url=/core-web-vitals/cumulative-layout-shift] Mejorar el Cumulative Layout Shift[/url]

Google page experience y Core Web Vitals

Los Core Web Vitals son un subconjunto de la puntuación de page experience de Google. Page experience es un conjunto de señales que miden cómo los usuarios perciben la experiencia de interactuar con una página web más allá de su valor informativo puro, tanto en dispositivos móviles como de escritorio.

Puedes encontrar los datos de Page Experience y Core Web Vitals de tu sitio en la sección 'Experience' de tu cuenta de Google Search Console.

Informe de Page Experience
Core Web Vitals

Urgent Fix Required?

Google Search Console failing? I offer rapid-response auditing to identify the failure point within 48 hours.

Request Urgent Audit >>

  • 48hr Turnaround
  • Rapid Response
  • Failure Identification

Tus preguntas sobre Core Web Vitals respondidas

Aprender sobre los Core Web Vitals

¿Qué deberías aprender para convertirte en un experto en Core Web Vitals?

Así que quieres ser un experto. ¡Genial! ¡Te espera un camino lleno de desafíos! Algunas partes de los Core Web Vitals son fáciles de arreglar. Otras son realmente difíciles y requieren años de experiencia. Para convertirte en un experto en Core Web Vitals básicamente necesitas dominar 4 habilidades.

Primero, necesitas entender completamente cómo funcionan los navegadores. Cómo funciona el proceso de renderizado, cómo se programan los recursos, cuándo se ejecuta JavaScript y qué sucede durante el proceso de pintado.

Segundo, necesitas dominar JavaScript. Dedico gran parte de mi tiempo explicando a los desarrolladores por qué su código es lento. El código lento afectará el First Input Delay y también el Interaction to Next Paint. En la mayoría de los casos, el código JavaScript también afectará el Largest Contentful Paint y el First Contentful Paint.

Tercero, necesitas ser un experto en HTML y CSS porque la forma en que construyes tus aplicaciones importa mucho. A menudo hay una forma rápida y una más lenta de hacer las cosas.

Cuarto, necesitas saber cómo funcionan las redes y los servidores web. Redes rápidas, las cabeceras HTTP correctas y el protocolo adecuado para cada situación pueden hacer una gran diferencia en los Core Web Vitals. Cuando vayas a asesorar a grandes corporaciones, ¡más vale que vayas preparado!

Mejorar los Core Web Vitals

¿Funcionan los plugins de Core Web Vitals?

Hay muchos plugins y herramientas que intentan mejorar los Core Web Vitals. Por ejemplo wp-rocket. Podría hablar durante horas sobre lo que opino de esas herramientas. Te ahorraré los detalles por ahora. La realidad es que a veces mejoran los Core Web Vitals y a veces tienen muy poco efecto.

Todo depende de la naturaleza de los 'errores de Core Web Vitals' que intentas corregir. ¿Olvidaste aplicar lazy-load a tus imágenes u olvidaste diferir tus scripts? Entonces esas herramientas podrían mejorar los Core Web Vitals considerablemente. Por otro lado, si la lentitud es causada por 'scripts críticos que cambian el diseño de tu página' (como un plugin de slider) o 'un DOM de gran tamaño', esos plugins a menudo harán más daño que bien.

Básicamente, un plugin arreglará los problemas que cualquier buen programador podría solucionar en cuestión de horas. No arreglarán y podrían incluso empeorar los problemas más complicados.

¿Debería centrarme en móvil o escritorio?

Esa es una gran pregunta. Como regla general, deberías centrarte en móvil.

Cuando logras aprobar los Core Web Vitals en móvil, será mucho más fácil aprobar también los Core Web Vitals de escritorio (si es que aún no los apruebas). Esto se debe a que tu dispositivo móvil promedio es más lento debido a menor ancho de banda, menos memoria y menos potencia de CPU que tu escritorio promedio.

Sin embargo, hay algunas excepciones. En escritorio el viewport visible es más grande. Es común que un elemento LCP en móvil sea un elemento basado en texto, mientras que en escritorio una imagen ubicada más abajo se convierte en el elemento Largest Contentful Paint. En escritorio también aumenta la posibilidad de (pequeños) cambios de diseño porque simplemente hay más pantalla y más elementos visibles que pueden desplazarse.

Medición: CrUX, RUM y datos sintéticos

Si los datos a nivel de URL no están disponibles, ¿cómo evalúa Google los Core Web Vitals?

Google utiliza principalmente datos a nivel de URL del Chrome User Experience Report (CrUX) para evaluar los Core Web Vitals para el posicionamiento de páginas. Si los datos específicos de URL no están disponibles, Google puede recurrir a datos de grupos de URLs similares, que pueden identificarse en Google Search Console. En ausencia de datos tanto a nivel de URL como a nivel de grupo, Google puede recurrir a datos de Core Web Vitals a nivel de origen para consideraciones de posicionamiento.

¿Son los datos de Core Web Vitals en tiempo real?

No, los datos de Core Web Vitals no son en tiempo real. Se basan en el Chrome User Experience (CrUX) Report, que recopila datos de interacciones reales de usuarios con sitios web. Estos datos típicamente tienen un retraso de uno o dos días.
Aunque los datos en sí solo tienen un ligero retraso (típicamente 1-2 días), la naturaleza acumulativa del cálculo significa que las mejoras en tu sitio pueden tardar un tiempo en impactar las puntuaciones finales. Como resultado, no verás grandes cambios inmediatos en tus métricas de Core Web Vitals después de hacer mejoras. En cambio, puede tomar varias semanas para que tus mejoras "inclinen la balanza" completamente y se reflejen en las puntuaciones reportadas.

¿Por qué no hay datos en Search Console o en cualquier otra herramienta CrUX?

Lo más probable es que haya datos de campo insuficientes para tu sitio. Google requiere un umbral mínimo de tráfico y datos de usuario antes de poder generar métricas de velocidad significativas. Esto es especialmente común para: sitios web nuevos, sitios añadidos recientemente a Search Console, sitios web de bajo tráfico o sitios web ocultos tras un inicio de sesión (ya que esas páginas visitadas probablemente no son 'indexables').

¿Afectarán las puntuaciones de Lighthouse a los Core Web Vitals?

No, las puntuaciones de Lighthouse no afectan directamente a los Core Web Vitals. Google utiliza datos de usuarios reales de su conjunto de datos CrUX para evaluar los Core Web Vitals. El conjunto de datos CrUX representa la user experience real en un sitio web.
Lighthouse puede ser una herramienta útil para identificar posibles problemas que pueden impactar los Core Web Vitals. Lo más importante es centrarse en mejorar las métricas en sí basándose en datos de usuarios reales.

Qué son los Core Web Vitals Core Web Vitals Qué son los Core Web Vitals