LCP (Largest Contentful Paint)
Definición
Tiempo desde que el usuario navega hasta que aparece el elemento de contenido más grande visible (típicamente la hero image o un H1). Threshold de Google: <2.5s = bueno; 2.5-4s = aceptable; >4s = malo.
Por qué importa
Es la métrica más correlada con la percepción de velocidad. Mejorarla mejora bounce rate, tiempo en página y conversión — efectos compuestos sobre el SEO indirectamente.
Cómo aplicarlo
- 01Identifica el LCP element con DevTools → Lighthouse → LCP timing.
- 02Si es imagen: WebP/AVIF, lazy-loading correcto (no lazy en LCP), preload con `<link rel='preload'>`.
- 03Si es H1/texto: elimina render-blocking CSS y JS.
- 04Reduce TTFB del servidor — un LCP no puede ser bueno si el HTML tarda 2s en llegar.