LCP, INP, CLS explicados sin tecnicismos. Cómo medirlos y qué hacer para llegar a verde en PageSpeed Insights.
Google mide la experiencia real de los usuarios en tu web. No la tuya cuando la revisas desde la oficina con fibra de 600Mbps. La de los usuarios reales, en dispositivos reales, con conexiones reales. Y los datos que recoge los usa para posicionar.
Esto empezó en 2021. En 2026, la mayoría de webs de pymes siguen sin pasar estas métricas.
LCP — el elemento más grande
Cuánto tarda en aparecer el elemento más grande de la pantalla. Normalmente la imagen hero o el titular principal. Bueno: menos de 2,5s. Malo: más de 4s.
El culpable más habitual: una imagen hero sin optimizar de 2-4MB en JPEG. La solución: WebP, dimensiones correctas, `loading="eager"` y `fetchpriority="high"` en esa imagen específica.
INP — la respuesta a las interacciones
Aquí está el cambio más importante. En 2024, Google sustituyó el FID (que solo medía la primera interacción) por el INP, que mide todas las interacciones durante toda la sesión. Clic en un menú, scroll con pausa, rellenar un campo. Todo. Bueno: menos de 200ms. Malo: más de 500ms.
La causa habitual de INP alto: demasiado JavaScript bloqueando el hilo principal. Reducir el bundle size, aplazar scripts de terceros, y usar Server Components donde sea posible.
CLS — los elementos que se mueven
Ese momento en que vas a hacer clic en un botón y se desplaza justo antes porque cargó un banner encima. Eso es CLS. Bueno: menos de 0,1. Malo: más de 0,25.
La causa más frecuente: imágenes sin dimensiones definidas, contenido que se inserta dinámicamente, fuentes web que cambian el layout al cargar.
Cómo medirlos
PageSpeed Insights usa datos reales del Chrome User Experience Report. Si tu web tiene poco tráfico y no aparecen datos reales, usa Lighthouse en Chrome DevTools o WebPageTest para datos de laboratorio. Google Search Console muestra el agregado de todo tu tráfico en la sección "Experiencia de página".
Lo que cambia al pasar a verde
En proyectos donde hemos llevado webs de rojo/naranja a verde: subidas de 3-12 posiciones en keywords competidas. No es el único factor de posicionamiento, pero cuando el contenido y los enlaces están igualados con los competidores, los Core Web Vitals desempatan.
¿Tienes un proyecto en mente?
Cuéntanos qué quieres conseguir.