Performance
LCP (Largest Contentful Paint)
Métrica Core Web Vital que mide el tiempo desde que se solicita una página hasta que se renderiza el elemento de contenido más grande visible.
Definición técnica
Largest Contentful Paint mide el momento exacto en que el elemento de contenido más grande del viewport inicial se vuelve visible. Típicamente es la imagen hero o el título principal. Targets: bueno menos de 2.5 segundos, necesita mejora entre 2.5 y 4 segundos, malo más de 4 segundos. Es la métrica más importante para percepción de velocidad por parte del usuario.
Por qué importa
Cada segundo adicional de LCP reduce la conversión entre 7 y 10%. Sitios con LCP sobre 4 segundos pierden al menos 50% del tráfico potencial. Es la métrica donde más fácilmente se gana terreno técnico contra la competencia.
Ejemplo práctico
Hero con imagen de 4MB en JPEG sin optimizar tiene LCP de 6 segundos. Misma imagen convertida a AVIF con compresión adecuada baja a 0.8 segundos.