Largest Contentful Paint (LCP)

Qué es LCP

LCP (Largest Contentful Paint) es una de las tres métricas oficiales que componen los Core Web Vitals de Google. Mide cuánto tarda en renderizar el elemento más grande del primer pantallazo de tu web (generalmente la imagen hero o un bloque grande de texto).

Umbrales oficiales

• Bueno: menos de 2,5 segundos
• Mejorable: entre 2,5 y 4 segundos
• Malo: más de 4 segundos

Por qué importa

LCP es factor de ranking confirmado desde 2021. Una web con LCP malo aparece más abajo en Google. Además, según estudios públicos de Google, el 53 % de los visitantes móviles abandona si tu web tarda más de 3 segundos en cargar. Lo desarrollamos con datos y soluciones en si tu web tarda más de 3 segundos, esto es lo que pasa.

Causas típicas de LCP malo

• Imagen hero pesada sin optimizar
• Fuentes web que bloquean el renderizado
• JavaScript bloqueante antes del contenido
• TTFB alto (servidor lento)

Cómo arreglarlo

1. Optimizar la imagen hero (WebP, ~250 KB máximo)
2. Añadir loading="eager" y fetchpriority="high" a la imagen LCP
3. Precargar la imagen con <link rel="preload">
4. Usar font-display: swap en fuentes web
5. Servir desde CDN edge

Para medir tu LCP real, usa nuestro Test de Velocidad Web.