Los Core Web Vitals son el conjunto de métricas que Google utiliza para medir la experiencia de usuario en tu web. Desde 2021 son un factor de ranking oficial, y en 2026 siguen siendo uno de los aspectos más importantes del SEO técnico. Una web que no aprueba los Core Web Vitals tiene muy difícil posicionar bien en Google, y con la llegada de los AI Overviews, la velocidad de carga es aún más crítica porque Google prioriza páginas rápidas para generar respuestas de IA.
En 2026, Google ha endurecido los criterios: el INP (Interaction to Next Paint) se ha consolidado como la métrica de interactividad definitiva tras reemplazar al FID en 2024, y el LCP sigue siendo el principal cuello de botella para la mayoría de las webs. Además, la navegación con bfcache (back-forward cache) se ha convertido en un factor diferencial: las páginas que aprovechan bfcache tienen ventaja en métricas de velocidad percibida.
En esta guía te explicamos qué son, cómo medirlos y cómo optimizar cada métrica para aprobar con nota en 2026.
¿Qué son los Core Web Vitals?
Son tres métricas que miden diferentes aspectos de la experiencia de carga. Google las evalúa en el percentil 75 de todas las visitas a tu web, tanto en móvil como en escritorio. Para aprobar, todas las métricas deben estar en el rango "Bueno":
| Métrica | Qué mide | Bueno | Mejorable | Malo |
|---|---|---|---|---|
| LCP | Velocidad de carga percibida | < 2.5s | 2.5s - 4.0s | > 4.0s |
| INP | Capacidad de respuesta a interacciones | < 200ms | 200ms - 500ms | > 500ms |
| CLS | Estabilidad visual | < 0.1 | 0.1 - 0.25 | > 0.25 |
Novedades de Core Web Vitals en 2026
- INP consolidado: Desde 2024, el INP reemplazó al FID. En 2026, Google ha refinado los umbrales y ahora considera todas las interacciones, no solo las primeras. Las páginas con muchas interacciones (formularios, menús, carruseles) deben optimizar especialmente esta métrica.
- bfcache (back-forward cache): Google valora cada vez más las páginas que aprovechan el bfcache de Chrome, que permite que la navegación hacia atrás/adelante sea instantánea. Las páginas con bfcache habilitado tienen LCP e INP prácticamente instantáneos en navegación recurrente.
- Mayor peso en ranking: Aunque los CWV son factor de ranking desde 2021, en 2026 Google ha aumentado su peso, especialmente para búsquedas desde móvil. Una web con CWV rojos tiene un 30% menos de probabilidades de aparecer en la primera página.
- AI Overviews y velocidad: Las páginas que aparecen en AI Overviews suelen tener CWV excelentes. Google prioriza fuentes rápidas para generar respuestas de IA porque la experiencia debe ser fluida para el usuario.
Cómo optimizar LCP (Largest Contentful Paint)
El LCP suele estar causado por una imagen grande, un bloque de texto, o un video de fondo. En 2026, las técnicas más efectivas son:
- WebP/AVIF con calidad adaptativa: Comprime imágenes a WebP con calidad 80% o usa AVIF para hasta un 50% más de compresión. Imágenes responsivas con srcset para cada tamaño de pantalla.
- CSS crítico inline: Extrae el CSS necesario para el contenido visible (above the fold) e inclúyelo inline en el head. Aplaza el resto del CSS con media="print" onload="this.media='all'".
- Precarga de la imagen LCP: Usa
<link rel="preload">con fetchpriority="high" en la imagen más grande. Esto le dice al navegador que priorice esa imagen sobre otros recursos. - CDN con edge caching: Firebase Hosting, Cloudflare o Vercel ofrecen redes edge que sirven contenido desde servidores cercanos al usuario, reduciendo el TTFB drásticamente.
- Optimizar TTFB: El tiempo de respuesta del servidor debe ser inferior a 800ms. Usa hosting estático (HTML, CSS, JS sin backend) para webs de contenido. Firebase Hosting es ideal para blogs.
- Eliminar render-blocking resources: Aplaza JavaScript no crítico con async/defer y elimina hojas de estilo que bloqueen la renderización inicial.
- HTTP/2 o HTTP/3: Asegúrate de que tu servidor use HTTP/2 o HTTP/3 para multiplexar las peticiones y reducir la latencia.
Para una guía más detallada sobre optimización de velocidad, visita nuestra guía de PageSpeed 90+ garantizado.
Cómo optimizar INP (Interaction to Next Paint)
El INP mide la latencia de todas las interacciones del usuario (clics, toques, tecleos) durante toda la visita, no solo las primeras. Para optimizarlo:
- Code splitting: Divide el JavaScript en chunks más pequeños usando import() dinámico. Así el navegador solo descarga y ejecuta el código necesario para cada interacción.
- Eliminar tareas largas: Las tareas que bloquean el hilo principal más de 50ms perjudican el INP. Usa setTimeout, requestIdleCallback o scheduler.yield() para dividir tareas largas.
- Web Workers: Mueve tareas pesadas (procesamiento de datos, cálculos, parsing) a Web Workers que se ejecutan en segundo plano sin bloquear el hilo principal.
- Lazy loading de funcionalidades: Carga solo las funcionalidades necesarias para la interacción inmediata. El resto, cárgalo después de la interacción.
- Minimizar librerías: Evalúa si realmente necesitas jQuery, Bootstrap JS o librerías de animación. Cada kilobyte de JavaScript ejecutado en el hilo principal impacta el INP.
- Debouncing de eventos: Para eventos como scroll, resize o mousemove, usa debouncing para limitar la frecuencia de ejecución.
Cómo optimizar CLS (Cumulative Layout Shift)
El CLS mide los saltos visuales inesperados que ocurren mientras la página se carga. Para evitarlos:
- Dimensiones explícitas: Define width y height en todas las imágenes y videos. El navegador necesita saber el espacio que ocupará cada elemento antes de que se cargue.
- Reserva de espacio para embeds: Los widgets de YouTube, Google Maps, Twitter y redes sociales deben tener un contenedor con dimensiones definidas. Usa aspect-ratio en CSS para mantener la proporción.
- font-display: swap: Configura las tipografías web con font-display: swap y usa preconnect para cargar las fuentes lo antes posible. Incluye un fallback de fuente del sistema con el mismo tamaño para evitar saltos.
- Sin inserción dinámica sobre contenido existente: Los banners, popups y cookies consent que se insertan después de la carga inicial deben usar position: fixed o reservar espacio en el layout.
- Animaciones CSS seguras: Usa solo transform y opacity para animaciones. Nunca animes propiedades que afecten al layout (width, height, margin, padding).
Herramientas para medir Core Web Vitals en 2026
Estas son las herramientas esenciales para diagnosticar y monitorizar tus Core Web Vitals:
| Herramienta | Para qué sirve | Uso recomendado |
|---|---|---|
| Google Search Console | Informe de Core Web Vitals con datos de campo (reales de usuarios) | Monitorización semanal. Muestra qué páginas tienen problemas |
| PageSpeed Insights | Análisis detallado por URL con datos de campo y lab | Diagnóstico por página. Recomienda acciones concretas |
| Lighthouse (DevTools) | Auditoría completa en local | Pruebas durante el desarrollo. Análisis rápidos |
| CrUX (Chrome UX Report) | Datos reales de usuarios de Chrome | Análisis de tendencias históricas y comparativas |
| WebPageTest | Análisis geográfico y por tipo de conexión | Pruebas desde ubicaciones específicas y conexiones lentas |
| Lighthouse CI | Integración continua para CWV | Automatizar auditorías en cada deploy |
Para una guía completa de Schema Markup que complementa tu SEO técnico, visita nuestra guía de Schema Markup para SEO y AI SEO.
Checklist de optimización Core Web Vitals 2026
- Imágenes: WebP/AVIF, dimensiones explícitas, lazy loading, srcset responsivo, precarga de LCP
- CSS: CSS crítico inline, diferir CSS no crítico, minificar, evitar @import
- JavaScript: Async/defer en scripts, code splitting, Web Workers, eliminar librerías innecesarias
- Servidor: CDN edge, HTTP/2 o HTTP/3, TTFB < 800ms, compresión Brotli
- Fuentes: font-display: swap, preconnect a Google Fonts, fallback del sistema
- Layout: Dimensiones en imágenes/embeds, aspect-ratio CSS, sin inserciones dinámicas que empujen contenido
- bfcache: Habilitar bfcache (no usar unload events, evitar Cache-Control: no-store)
- Monitorización: GSC semanal, PageSpeed Insights mensual, CrUX trimestral
Preguntas frecuentes sobre Core Web Vitals 2026
¿Siguen siendo los Core Web Vitals un factor de ranking en 2026?
Sí, y con mayor peso que en años anteriores. Google ha confirmado que los CWV siguen siendo un factor de ranking significativo, especialmente para búsquedas desde móvil. Además, con los AI Overviews, Google prioriza páginas con buen rendimiento para generar respuestas de IA. Una web con CWV deficientes tiene un 30% menos de probabilidades de aparecer en primera página.
¿Cuál es la métrica más difícil de optimizar?
El LCP (Largest Contentful Paint) es, con diferencia, la métrica más difícil para la mayoría de las webs. Está influenciado por múltiples factores (imágenes, servidor, CSS, JavaScript) y a menudo requiere cambios en varios frentes. El INP es la segunda más difícil, especialmente en webs con muchas interacciones. El CLS suele ser la más sencilla de resolver si se siguen las buenas prácticas desde el diseño.
¿Los Core Web Vitals afectan al SEO local?
Sí, especialmente desde 2025, Google ha vinculado los CWV con los resultados locales. Un negocio local con web rápida tiene ventaja sobre competidores con webs lentas en el pack local. Para más información sobre optimización local, visita nuestra guía de GEO SEO Local.
¿Cómo afecta el bfcache a los Core Web Vitals?
El bfcache (back-forward cache) permite que las páginas se carguen instantáneamente cuando el usuario navega hacia atrás o adelante. Las páginas que habilitan bfcache tienen LCP e INP prácticamente cero en navegación recurrente. Para habilitarlo, evita usar el evento unload, no uses Cache-Control: no-store, y asegúrate de que tus scripts no bloquean la restauración de la página.
Conclusión
Aprobar los Core Web Vitals es requisito indispensable para competir en 2026. Con la consolidación del INP, el mayor peso en ranking y la importancia de la velocidad para los AI Overviews, no hay excusa para no tener una web rápida. Sigue la checklist de esta guía y monitoriza tus métricas semanalmente.
En Make Your Tale, todos nuestros blogs pasan los Core Web Vitals con nota desde el día uno. Si quieres un blog optimizado para velocidad desde el primer momento, solicita early access.
Para más información técnica sobre optimización de velocidad, visita nuestra guía de PageSpeed 90+ garantizado y nuestra guía de técnicas avanzadas de optimización PageSpeed. Para entender por qué la velocidad es clave para aparecer en respuestas de IA, consulta nuestra guía sobre qué es AI SEO.