LCP (Largest Contentful Paint): definición y optimización
Definición
El LCP (Largest Contentful Paint) mide el tiempo para mostrar el elemento más grande visible de la página — a menudo una imagen. Es uno de los Core Web Vitals de Google.
Un buen LCP se sitúa por debajo de 2,5 segundos. Como el LCP suele ser una imagen (banner, producto, foto de cabecera), su peso y formato influyen directamente en la puntuación. Aligerar esa imagen y servirla en el formato adecuado es una de las formas más eficaces de mejorarlo.
Puntos clave
El peso importa
Una imagen LCP demasiado pesada retrasa el renderizado. Convertirla a WebP/AVIF reduce mucho el tiempo de renderizado.
La talla correcta
Servir la imagen en la dimensión realmente visible evita descargar píxeles innecesarios.
La proximidad importa
Servir la imagen desde un CDN cercano al visitante reduce la latencia, así que mejora el LCP.