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
Es la métrica que más se nota al abrir una página: mientras el elemento principal no aparece, la persona ve una pantalla a medio cargar. Las causas más comunes son imágenes pesadas, fuentes que bloquean el render y un servidor lento en responder.
Ejemplo práctico
Una imagen de portada de varios megas en JPEG suele ser el elemento LCP. Convertirla a AVIF o WebP, servirla al tamaño en que realmente se muestra y precargarla son los arreglos que más se repiten en una auditoría.