Core Web Vitals 2026: cómo mejorar la velocidad de tu sitio web paso a paso

Los Core Web Vitals son las métricas de experiencia de usuario que Google usa como factor de ranking desde 2021. En 2026, el conjunto completo es: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) y CLS (Cumulative Layout Shift).

Tener estas métricas en verde no solo mejora el SEO: también mejora las conversiones, reduce el bounce rate y baja el costo por clic en Google Ads. En esta guía te explico cómo diagnosticarlas y cómo solucionarlas.

LCP — Largest Contentful Paint: qué es y cómo mejorarlo

El LCP mide cuánto tarda en aparecer el elemento visual más grande de la página (generalmente la imagen hero o el h1 principal). El objetivo es LCP menor a 2.5 segundos. Entre 2.5 y 4 segundos es "necesita mejoras". Más de 4 segundos es "deficiente".

Las causas más comunes de LCP lento: imagen hero sin prioridad (sin loading eager o fetchpriority high), imagen en formato JPEG o PNG en lugar de WebP/AVIF, servidor lento con TTFB mayor a 600ms, fuentes web que bloquean el renderizado, y CSS o JS en el critical path.

Soluciones concretas: agregá preload para la imagen hero, convertí todas las imágenes a WebP o AVIF, usá un CDN para servir assets estáticos, activá HTTP/2 en el servidor, y migrá a un hosting más rápido si el TTFB supera 600ms.

INP — Interaction to Next Paint: qué es y cómo mejorarlo

El INP mide la capacidad de respuesta del sitio a las interacciones del usuario (clics, taps, escritura). El objetivo es INP menor a 200ms. Entre 200 y 500ms es "necesita mejoras". Más de 500ms es "deficiente".

Las causas más comunes de INP alto: JavaScript pesado ejecutándose en el hilo principal, event listeners que bloquean el renderizado, librerías de terceros (chat widgets, analytics, ads) con mucho JS, y ausencia de técnicas de diferimiento.

Soluciones: dividí el bundle de JavaScript con code splitting, diferí los scripts de terceros (Google Analytics, Facebook Pixel, chat), usá Web Workers para tareas pesadas, y auditá qué librerías podés reemplazar por versiones más livianas.

CLS — Cumulative Layout Shift: qué es y cómo mejorarlo

El CLS mide la estabilidad visual de la página: cuánto se mueven los elementos mientras carga. El objetivo es CLS menor a 0.1. Entre 0.1 y 0.25 es "necesita mejoras". Más de 0.25 es "deficiente".

Las causas más comunes de CLS alto: imágenes sin atributos de ancho y alto definidos, banners de cookies que aparecen encima del contenido, fuentes web que hacen que el texto salte cuando cargan, y ads insertados dinámicamente sin espacio reservado.

Soluciones: siempre definí width y height en todas las imágenes e iframes, usá font-display: optional o swap para fuentes web, reservá espacio fijo para banners y ads con min-height, y evitá insertar contenido sobre el existente después de que la página ya cargó.

Herramientas para diagnosticar Core Web Vitals

Google PageSpeed Insights (pagespeed.web.dev): la herramienta de diagnóstico más directa. Muestra tanto datos de laboratorio (Lighthouse) como datos de campo reales (CrUX) de usuarios reales de tu sitio. Siempre mirá los datos de campo primero: son los que Google usa para rankear.

Google Search Console: en la sección "Experiencia de página" muestra cuántas URLs tienen buenas, malas o regulares métricas de Core Web Vitals según datos reales de usuarios.

WebPageTest (webpagetest.org): más técnica que PageSpeed Insights. Permite simular conexiones lentas, dispositivos específicos y múltiples ubicaciones geográficas.

Chrome DevTools: en la pestaña Performance podés grabar la carga de la página y ver exactamente qué bloquea el renderizado. Es la herramienta más poderosa para diagnóstico profundo.