LCP (Largest Contentful Paint)

LCP (Largest Contentful Paint) es una métrica de rendimiento web que indica en cuántos segundos se renderiza en pantalla el elemento de contenido más grande y relevante dentro del primer pantallazo visible.

LCP (Largest Contentful Paint) es una de las métricas principales de Core Web Vitals de Google y mide el tiempo que tarda en aparecer en la pantalla el elemento de contenido más grande y relevante dentro de la ventana gráfica inicial (lo que el usuario ve sin hacer scroll).

Este elemento suele ser una imagen grande, un bloque de texto, un video o un elemento con imagen de fondo via CSS, siempre que se encuentre en la parte superior de la página. El cronómetro del LCP comienza cuando el usuario solicita la página (clic en un enlace o introducción de la URL) y se detiene cuando ese elemento principal termina de renderizarse.

Un buen LCP se considera generalmente cuando el elemento más grande se muestra en menos de 2,5 segundos. Entre 2,5 y 4 segundos se considera mejorable, y por encima de 4 segundos se considera un rendimiento deficiente. Estos umbrales se utilizan para evaluar la calidad de la experiencia de carga de una página.

El LCP es importante porque está estrechamente relacionado con la percepción de velocidad: si el contenido principal aparece rápido, el usuario siente que la web es ágil y confiable, lo que reduce la tasa de rebote y mejora la interacción. Además, Google utiliza el LCP como señal en sus algoritmos de clasificación orgánica, por lo que un mal LCP puede afectar negativamente al SEO.

Entre las principales causas de un LCP pobre se encuentran: servidores lentos, recursos pesados (imágenes sin optimizar, videos o fuentes), bloqueo por CSS y JavaScript, y falta de técnicas de optimización como lazy loading bien configurado, preload de recursos críticos o uso de CDN.

Para mejorar el Largest Contentful Paint es recomendable: optimizar y comprimir imágenes, servir formatos modernos (como WebP o AVIF), minimizar y agrupar CSS y JS críticos, usar caché y CDN, priorizar el contenido above the fold y reducir cualquier recurso que bloquee el renderizado inicial. De esta forma, la parte más importante de la página se mostrará más rápido, mejorando tanto la experiencia de usuario como el rendimiento SEO.

Ejemplos

  • Ejemplo:
    Una landing de producto tiene un gran banner con una imagen principal y un titular. El LCP se produce cuando esa imagen de cabecera termina de cargarse y se muestra completa en el primer pantallazo.
  • Ejemplo:
    En un blog, el elemento más grande visible sin hacer scroll es el título del artículo acompañado de un párrafo introductorio. El LCP se mide cuando ese bloque de texto principal ya está renderizado.
  • Ejemplo:
    En la home de un e‑commerce, el carrusel principal hero contiene una gran imagen promocional. Aunque haya otros elementos más abajo, el LCP se corresponde con el momento en que esa imagen hero se ve completamente en la ventana gráfica inicial.

Preguntas frecuentes

¿Cuál es un buen valor de LCP para mi sitio web?
En términos generales, se considera un buen LCP cuando el elemento de contenido más grande de la parte visible de la página se carga en menos de 2,5 segundos para la mayoría de los usuarios. Entre 2,5 y 4 segundos se considera mejorable, y por encima de 4 segundos se considera deficiente.
¿Por qué el LCP afecta al SEO?
El LCP forma parte de las métricas Core Web Vitals de Google, que se utilizan como señal de clasificación. Un LCP rápido indica una buena experiencia de usuario, mientras que un LCP lento puede provocar mayor tasa de rebote y, en consecuencia, un impacto negativo en la visibilidad orgánica.
¿Qué elementos suelen desencadenar el LCP en una página?
Los elementos que suelen desencadenar el LCP son imágenes grandes (incluidas las de fondos CSS), videos (normalmente el póster o imagen previa) y bloques de texto dentro de elementos de nivel de bloque que se encuentran en la parte visible de la página sin necesidad de hacer scroll.

SINÓNIMOS

También conocido como: Pintura de mayor contenido, Renderizado del mayor elemento con contenido

ÚLTIMA REVISIÓN

Actualizado el: 01/11/2025