Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) es la métrica que te permite medir el tiempo de carga del elemento visual más grande de un sitio.
Considerado uno de los parámetros más significativos de los Core Web Vitals, Largest Contentful Paint (LCP) mide la velocidad de carga percibida o qué tan rápido se carga y es visible para los usuarios el contenido principal de una página web.
¿Qué es Largest Contentful Paint (LCP)?
La métrica Largest Contentful Paint (LCP) reporta el tiempo de renderizado de la imagen o bloque de texto más grande visible dentro del viewport, relativo a cuando la página comenzó a cargarse por primera vez.
Los sitios web deben esforzarse por tener un Largest Contentful Paint de 2.5 segundos o menos.
Tipos de contenido considerados:
- Imágenes.
- Etiquetas de imagen.
- Miniaturas de video.
- Imágenes de fondo con CSS.
- Elementos de texto, como párrafos, encabezados y listas.
¿Cómo mejorar Largest Contentful Paint (LCP)?
Largest Contentful Paint (LCP) se ve afectado principalmente por cuatro factores:
- Tiempos de respuesta lentos del servidor
- JavaScript y CSS que bloquean el renderizado
- Tiempos de carga de recursos
- Renderizado del lado del cliente