Web

LCP (Largest Contentful Paint)

Definición breve

El LCP es la métrica de Core Web Vitals que mide cuánto tarda en hacerse visible la imagen o el bloque de texto más grande de una página.

El navegador identifica, mientras carga la página, qué elemento ocupa la mayor superficie, normalmente una imagen principal, un banner o un titular. El LCP es el tiempo hasta que ese elemento se muestra por completo en pantalla.

Aparece en los informes de PageSpeed Insights y Search Console. El umbral oficial es de 2,5 segundos: por debajo es bueno, entre 2,5 y 4 segundos necesita mejora, por encima es malo.

Se confunde a menudo con el First Contentful Paint (FCP). El FCP es el momento en que aparece cualquier contenido por primera vez, mientras que el LCP es el momento en que aparece el elemento más grande, normalmente el contenido realmente esperado.

El error más frecuente es aplicar la carga diferida (lazy loading) a la imagen hero visible desde el principio, igual que al resto de imágenes, lo que retrasa su descubrimiento por el navegador y alarga el LCP. Lo correcto es reservar la carga diferida para las imágenes situadas más abajo y marcar la imagen hero visible para que usted consiga una carga inmediata y prioritaria.

Por qué importa

Un visitante que espera una imagen principal o un titular lento asume que la página no tiene nada para él y se marcha. Acortar el LCP reduce esa pérdida y aporta además una ventaja directa en el posicionamiento.

Ejemplo ilustrativo

La foto principal sin comprimir de la página de inicio de un fabricante de ropa de trabajo elevaba el LCP a cinco segundos; cambiar el formato de la imagen lo bajó a 1,8 segundos.

Términos relacionados

Artículo relacionado

Si no sabe por dónde empezar, no pasa nada: está en el lugar correcto.

El proyecto que tiene en mente puede estar ya definido, o ser solo una idea. Las dos cosas valen. En una conversación breve hablamos de dónde está y hacia dónde puede llegar.

Programemos una conversación
Hablemos del proyecto