Core Web Vitals: cómo hacer tu web rápida (guía 2026)

La velocidad de una web no es solo una cuestión de comodidad: afecta a cuánta gente se queda, a cuánto vende y a cómo posiciona en Google. Los Core Web Vitals son las métricas con las que Google mide esa experiencia. Esta guía explica qué son, cómo medirlos y, sobre todo, qué hacer para mejorarlos de verdad.

Qué son los Core Web Vitals

Son tres métricas que Google usa para evaluar la experiencia de carga e interacción de una página. Forman parte de su señal de ranking, así que importan tanto para el usuario como para el SEO:

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento más grande visible (normalmente una imagen o un bloque de texto). Mide la velocidad de carga percibida. Objetivo: menos de 2,5 segundos.
• INP (Interaction to Next Paint): cuánto tarda la página en responder a una interacción (un clic, un toque). Mide la fluidez. Sustituyó a la antigua métrica FID. Objetivo: menos de 200 ms.
• CLS (Cumulative Layout Shift): cuánto se "mueve" el contenido mientras carga (esos saltos molestos cuando vas a pulsar algo y se desplaza). Mide la estabilidad visual. Objetivo: menos de 0,1.

Cómo medirlos

• PageSpeed Insights (de Google): te da los Core Web Vitals de tu URL con datos de laboratorio y de usuarios reales.
• Lighthouse (integrado en las DevTools de Chrome): auditoría local en tu navegador.
• Search Console: muestra los Core Web Vitals de tu sitio entero con datos de campo.

Mide siempre tanto en móvil como en escritorio; el móvil suele ser donde más se sufre.

Optimizar el LCP (velocidad de carga)

El LCP suele ser una imagen grande, así que aquí está el mayor margen de mejora:

1. Comprime las imágenes. Es lo de mayor impacto y menor esfuerzo. Una imagen bien comprimida puede pesar un 70% menos sin pérdida visible. Usa formatos modernos como WebP o AVIF.
2. Dimensiona las imágenes correctamente. No sirvas una imagen de 4000px en un hueco de 400px; redimensiónala al tamaño real.
3. Usa loading="lazy" en las imágenes que no están en la primera pantalla, para que no bloqueen la carga inicial.
4. Precarga el recurso del LCP con <link rel="preload"> si es crítico.
5. Sirve desde un CDN para reducir la distancia hasta el usuario.

Para los dos primeros puntos puedes usar el compresor de imágenes y el redimensionador de esta web, que procesan en lote y en tu navegador.

Optimizar el INP (capacidad de respuesta)

El INP empeora cuando el JavaScript bloquea el hilo principal. Para mejorarlo:

• Reduce y divide el JavaScript: envía menos código y cárgalo a trozos (code splitting).
• Evita tareas largas: trocea el trabajo pesado o muévelo a un Web Worker para no bloquear la interfaz.
• Minimiza el trabajo en cada interacción: que un clic no dispare cálculos enormes en el momento.
• Minifica tu JS y CSS para que pesen menos.

Optimizar el CLS (estabilidad visual)

Los saltos de contenido casi siempre vienen de elementos que cargan sin espacio reservado:

• Reserva el tamaño de las imágenes y vídeos con atributos width/height o aspect-ratio en CSS, para que el hueco ya esté ahí antes de cargar.
• Reserva espacio para anuncios y embeds que llegan tarde.
• Cuidado con las fuentes web: usa font-display: swap y precarga las fuentes para evitar el reflujo del texto.
• No insertes contenido encima de lo que el usuario ya está viendo.

El orden de prioridad realista

Si solo puedes hacer unas cosas, este es el orden de mayor retorno:

1. Comprimir y dimensionar imágenes (arregla LCP, casi siempre el mayor problema).
2. Reservar espacio para imágenes/embeds (arregla CLS, es barato).
3. Reducir y diferir JavaScript (arregla INP y también LCP).
4. Fuentes y CDN como remate.

Por qué esto va más allá del SEO

Sí, los Core Web Vitals son señal de ranking, pero el beneficio real es de negocio: las páginas rápidas retienen más visitas, convierten más y generan menos abandono. Cada segundo de carga extra cuesta usuarios, sobre todo en móvil y con conexiones lentas. Optimizar la velocidad es de las pocas mejoras que ayudan al SEO y a la conversión a la vez.

Conclusión

Mejorar los Core Web Vitals no requiere reescribir tu web: empieza por las imágenes (el 80% del problema suele estar ahí), reserva espacio para que nada salte, y aligera el JavaScript. Mide antes y después con PageSpeed Insights, y prioriza por impacto. Una web rápida es mejor para tus usuarios, para tu posicionamiento y para tu negocio.

Empieza por lo que más pesa: comprime tus imágenes en lote con el compresor de imágenes gratis, 100% en tu navegador.