Saltar al contenido
MARTÍNEZ SEBASTIÁN

SEO y conversión

Core Web Vitals: qué son y cómo mejorarlas

Qué son las Core Web Vitals, qué mide cada una (LCP, INP y CLS), dónde consultarlas gratis y qué arreglar primero. Con cifras de proyectos reales.

Daniel Martínez Sebastián6 de octubre de 20265 min de lectura
  • core web vitals
  • velocidad web
  • seo técnico
  • rendimiento
Core Web Vitals: qué son y cómo mejorarlas

Las Core Web Vitals son tres medidas con las que Google comprueba si una página carga rápido, responde enseguida y no se mueve mientras la lees. Se calculan con visitas reales, no en un laboratorio, y cuentan a la hora de ordenar los resultados. Aquí explico qué mide cada una, dónde consultarlas y qué arreglar primero.

Qué son las Core Web Vitals y qué mide cada una#

Son tres cifras, y cada una responde a una pregunta que se hace cualquiera que abre una web desde el móvil: ¿cuánto tarda en verse?, ¿cuánto tarda en hacerme caso? y ¿se está quieta? Google las llama LCP, INP y CLS, y da un umbral a partir del cual considera que la página va bien.

  • LCP (carga). Cuánto tarda en aparecer lo más grande de la pantalla, que suele ser la foto o el titular principal. Va bien si son 2,5 segundos o menos.
  • INP (respuesta). Cuánto tarda la página en reaccionar cuando tocas un botón o abres un menú. Va bien si son 200 milisegundos o menos. Desde 2024 sustituye a la medida anterior, FID.
  • CLS (estabilidad). Cuánto se desplaza el contenido mientras termina de cargar: ese botón que se mueve justo cuando ibas a pulsarlo. Va bien si es 0,1 o menos.
Esquema con las tres Core Web Vitals y su umbral: LCP, la carga, en 2,5 segundos o menos; INP, la respuesta, en 200 milisegundos o menos; y CLS, la estabilidad, en 0,1 o menos.
Las tres medidas y el umbral de cada una.

No basta con que tu móvil la cargue bien un día. Para dar una página por buena, Google mira las visitas reales de las últimas semanas y pide que al menos el 75 % de ellas cumpla el umbral. Por eso una web puede ir rápida en la oficina y salir en rojo: tus clientes la abren con peor cobertura y con un teléfono más modesto.

¿Afectan las Core Web Vitals al posicionamiento?#

Sí, pero menos de lo que se suele vender. Son una señal entre muchas, y una página lenta que responde bien a la búsqueda sigue por delante de una rápida que no la responde. Donde pesan es en el desempate entre páginas parecidas y, sobre todo, en lo que ocurre después del clic.

Ese segundo efecto es el que más dinero mueve. Quien espera tres segundos a que cargue una página se va antes de leer el titular, y esa visita ya estaba ganada. Mejorar la velocidad no trae más gente: evita perder a la que ya llegaba. Es una de las cinco comprobaciones que propongo en tu web no necesita más visitas, necesita convertir.

Cómo medir las Core Web Vitals de tu web#

Hay dos sitios gratuitos para consultarlas, y los dos son de Google: Search Console, que te da la foto de toda la web, y PageSpeed Insights, que analiza una dirección concreta. Ninguno pide instalar nada. Con media hora sabes si tienes un problema y en qué páginas está.

  • Search Console. En el informe «Métricas web principales» las páginas aparecen agrupadas en buenas, mejorables y deficientes, separadas para móvil y ordenador. Es el mejor punto de partida, porque usa visitas reales y te dice a cuántas direcciones afecta cada fallo.
  • PageSpeed Insights. Pegas una dirección y te devuelve dos bloques: arriba, los datos de visitas reales, si la página tiene tráfico suficiente; debajo, una prueba hecha en ese momento.

Conviene no confundir los dos bloques. La nota de 0 a 100 sale de la prueba, no de tus visitantes, y no es una Core Web Vital: puedes tener un 95 y seguir en rojo en Search Console, o al revés. Si tu web tiene pocas visitas y no hay datos reales, guíate por la prueba, pero mira siempre la pestaña de móvil.

Qué arreglar primero en cada medida#

Casi siempre falla lo mismo: imágenes más grandes de lo necesario, programas de terceros que se cargan en todas las páginas y contenido que aparece tarde y empuja al resto. Empieza por la medida que esté peor y por las páginas que más visitas reciben, no por la portada solo porque es la portada.

Esquema con lo primero que conviene revisar en cada medida: las imágenes para la carga, los programas de terceros para la respuesta y el espacio reservado para la estabilidad.
Por dónde empezar en cada medida.

Lo que más mueve cada una:

  • Para la carga (LCP). La imagen principal, en un formato moderno y al tamaño al que se ve, no al que salió de la cámara. Y sin retrasar su carga: lo que se ve al abrir tiene que pedirse lo primero.
  • Para la respuesta (INP). Menos JavaScript. El chat, el mapa, el aviso de cookies y los píxeles de publicidad compiten con tu página por el mismo procesador. Lo que no se usa al entrar puede cargarse cuando haga falta.
  • Para la estabilidad (CLS). Reservar el hueco de lo que llega tarde: imágenes con su ancho y su alto, banners y avisos con su espacio, y tipografías que no cambien el tamaño del texto al cargar.

En los proyectos donde he trabajado el rendimiento, la carga ha mejorado entre un 25 y un 40 %. En ninguno hizo falta rehacer la web: el trabajo estuvo en las imágenes, las fuentes, los scripts de terceros y la caché. Son cambios que no se ven en el diseño y que el visitante nota desde el primer toque.

Cuándo no compensa seguir afinando#

Si tus páginas ya salen en verde, rascar unas décimas más no te va a traer clientes. A partir de ahí la velocidad deja de ser el freno, y el tiempo rinde más en otra cosa: que el mensaje se entienda, que haya un siguiente paso claro y que sepas cuántos contactos trae cada página.

También ayuda elegir bien desde el principio. Esta web está hecha con Next.js y casi todas sus páginas se sirven ya generadas, así que no hay nada que calcular cuando alguien las abre. Lo conté en nueva web, mismo oficio. Una web montada así parte con ventaja y necesita muchos menos arreglos después.

Por dónde empezar#

Abre Search Console y mira el informe de móvil. Si no hay datos, pasa por PageSpeed Insights tus tres páginas más visitadas y apunta qué medida sale peor en cada una. Con esa lista ya sabes qué pedir.

Y si prefieres que lo mire yo, la auditoría SEO incluye la medición real de velocidad en móvil y los cambios hechos, no solo el informe.

Sigue leyendo

Artículos relacionados

Servicio relacionado · SEO técnico y analítica

¿Sabes cuántos clientes te trae tu web?

Si la respuesta es «no del todo», empecemos por ahí. Cuéntame qué web tienes y te digo qué revisaría primero.