LCP: definición, umbrales y optimización
Actualizado el February 22, 2026
Definición rápida
El LCP (Largest Contentful Paint) es una métrica de Core Web Vitals que mide el tiempo necesario para que el elemento de contenido visible más grande del viewport se renderice en pantalla. El LCP se considera bueno si es inferior a 2,5 segundos, a mejorar entre 2,5 y 4 segundos, y malo por encima de 4 segundos. El LCP es el indicador principal de la velocidad de carga percibida por el usuario según Google.
Cómo funciona
El LCP, o Largest Contentful Paint, identifica el elemento visible más grande del viewport en el momento de la carga de la página —generalmente una imagen hero, una foto de producto, un bloque de texto o un vídeo— y mide el retardo entre el inicio de la carga de la página y el momento en el que dicho elemento aparece completamente. Los umbrales oficiales de Google son: bueno (verde) si es inferior a 2,5 segundos, a mejorar (naranja) entre 2,5 y 4 segundos, malo (rojo) por encima de 4 segundos. Ejemplo concreto: en una página de producto e-commerce, si la imagen principal del producto tarda 3,8 segundos en mostrarse porque está alojada en un CDN lento y pesa 2 MB, el LCP estará en naranja, penalizando tanto la experiencia de usuario como el SEO. Las principales causas de un mal LCP son imágenes demasiado pesadas o sin precarga, recursos CSS y JavaScript que bloquean el renderizado, un Time to First Byte (TTFB) elevado vinculado al servidor, y la ausencia de un caching eficaz.
Por qué es importante
El LCP es la métrica de Core Web Vitals más importante para la experiencia percibida, ya que corresponde al momento en el que el usuario considera que la página está «cargada». Un LCP superior a 4 segundos conlleva tasas de abandono significativamente más altas: Google estima que una mejora de un segundo en el LCP puede aumentar las conversiones un 8 % en móvil. El LCP también es una de las tres señales oficiales del ranking de Google desde 2021.
Cómo mejorarlo o utilizarlo
Para mejorar el LCP: precarga la imagen hero con la etiqueta `<link rel="preload">` y utiliza el atributo `fetchpriority="high"`. Comprime tus imágenes y conviértelas a WebP o AVIF. Configura un CDN para reducir la latencia de red. Optimiza tu TTFB activando el caching del lado del servidor. Evita los scripts bloqueantes antes del contenido principal cargándolos de forma asíncrona. Audita regularmente tus puntuaciones LCP a través de PageSpeed Insights con datos de campo reales.
Con Sublim
Sublim supervisa el rendimiento de carga de tus páginas en condiciones reales, directamente desde tu dashboard analytics. Al correlacionar el LCP por página con las tasas de rebote y de conversión, identificas rápidamente qué páginas lentas están costándote clientes. Esta supervisión es continua, sin cookies y alojada en Europa con pleno cumplimiento del RGPD.
Preguntas frecuentes
¿Qué elementos HTML pueden ser el LCP de una página?
El LCP se mide en los siguientes elementos: etiquetas `<img>`, imágenes dentro de etiquetas `<svg>`, imágenes cargadas mediante la propiedad CSS `background-image`, bloques de texto (`<p>`, `<h1>`, etc.) y elementos de vídeo (`<video>` con poster). Google ignora los elementos con baja opacidad o un tamaño inferior al 0,15 % de la superficie visible.
¿Cuál es la diferencia entre LCP y FCP?
El FCP (First Contentful Paint) mide el momento en que aparece en pantalla el primer elemento de contenido (texto o imagen), mientras que el LCP mide cuándo se renderiza el elemento visible más grande. El LCP se considera más representativo de la experiencia percibida porque corresponde a la percepción de «carga completa» por parte del usuario.
¿Mejora el LCP con un alojamiento más rápido?
Sí, el TTFB (Time To First Byte) del servidor afecta directamente al LCP. Un alojamiento eficaz con buena latencia de red y caching del lado del servidor puede reducir varios cientos de milisegundos en el LCP. No obstante, el tamaño de las imágenes y los recursos bloqueantes suelen ser las causas principales de un mal LCP.
Términos relacionados
Los Core Web Vitals son un conjunto de tres métricas definidas por Goo…
El INP (Interaction to Next Paint) es la métrica de Core Web Vitals qu…
El CLS (Cumulative Layout Shift) es una métrica de [Core Web Vitals](c…
La tasa de rebote es el porcentaje de sesiones durante las cuales un u…