Core Web Vitals: cómo mejorar LCP, INP y CLS de verdad

Las tres métricas de Core Web Vitals explicadas y las soluciones que mueven la aguja: imágenes, caché, hosting, JavaScript y los saltos de diseño.

SF SeoFune · 4 de junio de 2026 · 4 min de lectura

Las Core Web Vitals son las tres métricas con las que Google mide la experiencia real de carga de tu web: LCP, INP y CLS. No son el factor que más posiciones mueve, pero sí el que más conversiones salva: una web lenta pierde usuarios antes de que el SEO importe. Vamos métrica a métrica, con las soluciones que de verdad mueven la aguja.

Las tres métricas en cristiano

LCP (Largest Contentful Paint): cuánto tarda en pintarse el elemento principal de la pantalla. Objetivo: menos de 2,5 segundos. INP (Interaction to Next Paint): cuánto tarda la página en responder cuando el usuario interactúa. Objetivo: menos de 200 ms. CLS (Cumulative Layout Shift): cuánto «baila» el diseño mientras carga. Objetivo: menos de 0,1.

Dónde medirlas: PageSpeed Insights (datos de laboratorio y de usuarios reales) y el informe de Core Web Vitals de Search Console (el que usa Google, basado en usuarios reales). Manda el segundo.

Cómo mejorar el LCP (el que más suele fallar)

  • Optimiza la imagen principal: formato moderno (WebP/AVIF), tamaño ajustado al contenedor y sin lazy loading en el elemento LCP: debe cargar ya.
  • Caché de página bien configurada: en WordPress, un buen plugin de caché es la mejora individual más grande.
  • Hosting a la altura: el tiempo de respuesta del servidor (TTFB) es el suelo de tu LCP. Con un hosting lento, todo lo demás es maquillaje.
  • CSS crítico y menos bloqueos: retrasa el JavaScript no esencial y elimina plugins que cargan recursos en todas partes.

Cómo mejorar el INP

El INP sufre por exceso de JavaScript: maquetadores pesados, plugins que escuchan cada clic, scripts de terceros (chats, vídeos, trackers). La receta: eliminar lo prescindible, cargar en diferido lo no crítico y elegir temas ligeros. Cada plugin nuevo debería pasar la pregunta: ¿lo que aporta vale lo que ralentiza?

Cómo mejorar el CLS

El diseño baila cuando los elementos cargan sin espacio reservado. Soluciones: dimensiones declaradas en imágenes y vídeos (width/height), espacio fijo reservado para los bloques de publicidad, y fuentes con font-display: swap para evitar saltos de texto. Si usas AdSense, define el tamaño de los contenedores: los anuncios que empujan el contenido son la causa nº1 de CLS en blogs.

Preguntas frecuentes sobre Core Web Vitals

¿Cuánto afectan las Core Web Vitals al posicionamiento?
Son un factor de desempate más que un propulsor: con contenido y autoridad similares, la web con mejor experiencia gana. Su impacto real está en el comportamiento del usuario: menos rebote, más páginas vistas y más conversión, que indirectamente también alimentan al SEO.
¿Por qué PageSpeed me da verde y Search Console rojo?
Porque miden cosas distintas: la prueba de laboratorio simula una visita; Search Console usa datos de usuarios reales durante 28 días, con sus móviles y conexiones de verdad. El veredicto que cuenta para Google es el de los datos reales, y tarda semanas en reflejar tus mejoras.
¿Necesito un 100 en PageSpeed?
No. El objetivo es pasar los umbrales de las tres métricas con datos reales, no perseguir la puntuación perfecta de laboratorio. La diferencia entre 85 y 100 rara vez se nota en negocio; la diferencia entre fallar y aprobar las métricas, sí.

Por dónde seguir

Las Core Web Vitals son una pieza del SEO técnico: completa la base con indexación y datos estructurados. Si tu web va sobre WordPress, baja a lo concreto con los tutoriales de rendimiento WordPress y elige bien la base con los hostings analizados.