Largest Contentful Paint mide cuándo se renderiza el elemento de contenido visible más grande del viewport durante la carga de la página.
Qué significa
El LCP se centra en la experiencia del usuario: el elemento candidato puede cambiar mientras la página se renderiza, y el valor final depende del elemento más grande que aparece antes de la interacción.
Un valor de LCP de campo describe la experiencia a lo largo de varias visitas; no identifica una única causa ni garantiza el posicionamiento.
Cómo evaluarlo
Identifica el elemento LCP en una traza de laboratorio y separa el tiempo de respuesta, el descubrimiento, la carga y el retraso del renderizado.
Flujo de trabajo práctico
- Define la tarea del usuario y las URL incluidas en el análisis.
- Identifica el elemento LCP en una traza de laboratorio y separa el tiempo de respuesta, el descubrimiento, la carga y el retraso del renderizado.
- Elige el cambio más pequeño y reversible.
- Haz que el elemento crítico sea descubrible desde el principio y comprueba su resultado renderizado y, si hay datos disponibles, los datos de campo.
- Vuelve a comprobar el resultado renderizado y conserva el alcance y la fecha de la medición.
Ejemplo concreto y verificación
Por ejemplo, una página de aterrizaje puede mostrar rápido el logotipo y la navegación, mientras su imagen más grande por encima del pliegue no es descubrible hasta que se ejecuta el código del lado del cliente. La corrección útil no consiste en comprimir todas las imágenes. Confirma el candidato más grande en una traza y comprueba si su URL aparece en el HTML inicial, si su prioridad tiene sentido y si el renderizado queda retenido detrás de trabajo no crítico.
Límites y errores frecuentes
Optimizar un recurso pequeño mientras el elemento LCP real es otro desperdicia esfuerzo.