El LCP (Largest Contentful Paint) es la métrica de Core Web Vitals que mide el tiempo que tarda en pintarse el elemento visual más grande dentro del área visible de tu pantalla: una imagen hero, una foto de producto, un bloque de texto grande o un video. Google la usa como señal directa de posicionamiento desde 2021.
Dicho de forma simple: LCP responde a la pregunta "¿cuándo puede el usuario ver el contenido principal de esta página?"
Qué elementos mide el LCP
El navegador identifica el elemento "más grande" según el área que ocupa en el viewport. Los candidatos habituales son:
- Imágenes
<img>o imágenes dentro de<picture> - Imágenes de fondo CSS (
background-image) en el elemento visible más grande - Elementos
<video>(usando la imagen de póster) - Bloques de texto grandes dentro de
<p>,<h1>-<h6>, etc.
El LCP se actualiza conforme carga la página y se congela en el primer input del usuario (clic, desplazamiento). El valor final que Google reporta corresponde al último elemento "más grande" registrado antes de esa interacción.
¿Cuáles son los valores buenos, aceptables y malos de LCP?
| LCP | Clasificación | Impacto en SEO |
|---|---|---|
| ≤ 2.5 s | Bueno | Contribuye positivamente al ranking |
| 2.5 – 4.0 s | Necesita mejora | Neutral / pequeña desventaja |
| > 4.0 s | Deficiente | Penalización de experiencia de página |
Google aplica la señal de Core Web Vitals usando el percentil 75 de los usuarios reales (datos de CrUX). Eso significa que el 75 % de tus visitas deben experimentar un LCP ≤ 2.5 s para que tu sitio esté en el rango "bueno".
Cómo afecta el LCP al SEO
El LCP forma parte del grupo de señales llamado Page Experience, junto con INP y CLS. Google lo incluye en su algoritmo de posicionamiento como desempate entre páginas de calidad de contenido similar.
En la práctica, el impacto en el ranking es moderado — el contenido sigue siendo el rey — pero en mercados competitivos puede marcar la diferencia entre la posición 3 y la posición 1. Además, un LCP deficiente aumenta la tasa de rebote, lo que sí afecta indirectamente el posicionamiento.
Más allá del SEO, un LCP lento destruye conversiones. Estudios de Google muestran que pasar de un LCP de 6 s a 2.4 s puede aumentar las tasas de conversión en un 15 %.
Causas más comunes de un LCP lento
1. Imágenes sin optimizar
Una imagen hero de 3–5 MB en formato JPEG antiguo es el culpable número uno. La solución: convertir a WebP o AVIF, comprimir y definir dimensiones explícitas.
2. Servidor o hosting lento (TTFB alto)
Si el servidor tarda más de 600 ms en responder, el LCP nunca podrá ser bueno, sin importar cuánto optimices el frontend. Un hosting con tiempos de respuesta bajos es el primer paso.
3. Recursos que bloquean el renderizado
Scripts JavaScript síncronos y hojas de estilo CSS grandes bloquean el parser del navegador. Si el LCP depende de una imagen, pero esa imagen está detrás de un script bloqueante, el LCP se dispara.
4. Falta de preload en el recurso LCP
El navegador descubre la imagen LCP tarde (especialmente si viene de CSS o un slider JavaScript). Usar <link rel="preload"> le avisa al navegador desde el <head> que descargue ese recurso de inmediato.
5. Lazy loading incorrecto en la imagen LCP
Aplicar loading="lazy" a la imagen principal del hero es un error clásico. Ese atributo debe ir solo en imágenes debajo del fold.
Cómo mejorar el LCP paso a paso
- Identifica cuál es tu elemento LCP en PageSpeed Insights o en el panel de Lighthouse (la herramienta lo resalta en la captura de pantalla).
- Comprime y convierte esa imagen a WebP. Apunta a menos de 150 KB para imágenes hero en móvil.
- Agrega
<link rel="preload" as="image">en el<head>apuntando al recurso LCP. - Verifica tu TTFB. Si supera los 600 ms, evalúa cambiar de hosting o activar una CDN.
- Elimina o difiere los scripts bloqueantes con
deferoasync. - Quita
loading="lazy"de la imagen o elemento above-the-fold. - Vuelve a medir con PageSpeed Insights (datos de campo) y repite hasta alcanzar ≤ 2.5 s en el percentil 75.
Si necesitas ayuda para diagnosticar y corregir tu LCP, en nuestra sección de optimización de rendimiento web encontrarás guías paso a paso para cada causa.
Conclusiones clave
- El LCP mide cuándo aparece el elemento visual más grande de tu página — la señal más directa de velocidad percibida.
- El objetivo es ≤ 2.5 s para el 75 % de tus usuarios reales (percentil 75 en CrUX).
- Los principales culpables son imágenes pesadas, TTFB alto, scripts bloqueantes y lazy loading mal aplicado.
- Las correcciones clave: WebP + compresión, preload del recurso LCP, hosting rápido y diferir JS.
- Más allá del SEO, un LCP rápido reduce la tasa de rebote y aumenta las conversiones.
¿Tu LCP está por encima de 2.5 segundos y no sabes por dónde empezar? El equipo de elenlace.com puede diagnosticarlo y corregirlo por ti — contáctanos para una auditoría gratuita.
Preguntas frecuentes
¿El LCP y el FCP son lo mismo?
No. El FCP (First Contentful Paint) mide cuándo aparece el primer pixel de contenido (texto, imagen o SVG), sin importar su tamaño. El LCP mide cuándo aparece el elemento más grande visible. El LCP siempre ocurre igual o después que el FCP.
¿Puedo mejorar el LCP sin cambiar el hosting?
Sí, pero con límites. La optimización de imágenes, el preload y la eliminación de recursos bloqueantes pueden mejorar el LCP significativamente. Sin embargo, si tu TTFB es mayor a 1.5 s, el techo es bajo y necesitarás mejorar también el hosting o agregar una CDN.
¿El LCP se mide en móvil o en desktop?
Google usa datos reales de campo (CrUX) separados por dispositivo. Lo que aparece en Search Console refleja la experiencia real de tus usuarios, mayoritariamente móvil. Lighthouse en modo "móvil" simula una conexión 4G lenta, que es el escenario más representativo.
¿Con qué frecuencia actualiza Google los datos de LCP en Search Console?
Los datos de CrUX se actualizan aproximadamente cada 28 días (ventana deslizante). Eso significa que los cambios que haces hoy tardarán varias semanas en reflejarse completamente en Search Console.
Recursos útiles
Otros proveedores y guías que vale la pena comparar:
