LCP (Largest Contentful Paint) misura quanto ci vuole a mostrare il contenuto principale. La causa più comune di LCP alto: immagini hero non ottimizzate o caricate troppo tardi. Soluzione: preload dell'immagine hero, formato WebP o AVIF, dimensioni esplicite.
CLS (Cumulative Layout Shift) misura quanto il contenuto si sposta durante il caricamento. Il colpevole più frequente: immagini senza dimensioni definite o font che si sostituiscono al font di sistema. Risolto con aspect-ratio e font-display: optional.
INP (Interaction to Next Paint) ha sostituito FID e misura la reattività alle interazioni. Su siti con molto JavaScript, il problema è spesso il main thread occupato. La soluzione passa per code splitting e lazy loading aggressivo.
In pratica: non ossessionarti sui numeri assoluti. Punta a verde su tutti e tre e concentrati sulle regressioni, non sulla perfezione.