Tutti gli articoli
Dev4 min di lettura

Performance Web: Core Web Vitals

Ottimizzare CLS e LCP per superare i test di Google a pieni voti.

Performance Web: Core Web Vitals
Dev — approfondimento Degani Agency

I Core Web Vitals sono il raro caso in cui un interesse commerciale (posizionarsi su Google) e un interesse dell’utente (siti veloci e stabili) coincidono perfettamente. Eppure la maggior parte dei siti continua a fallirli. La buona notizia: le cause sono quasi sempre le stesse cinque, e si correggono.

LCP: il primo contenuto che conta

Il Largest Contentful Paint misura quando l’elemento principale della pagina diventa visibile. I colpevoli abituali: immagini hero pesanti e non ottimizzate, font che bloccano il rendering, server lenti. Le cure: formati moderni come WebP e AVIF, preload dell’immagine principale, font con fallback immediato. Sotto i 2,5 secondi si vive bene; sotto 1,5 si vince.

CLS: la pagina che non balla

Il Cumulative Layout Shift misura quanto la pagina "salta" durante il caricamento — il banner che spinge giù il testo proprio mentre stavi cliccando. La causa è quasi sempre spazio non riservato: immagini senza dimensioni, embed che si materializzano, font che cambiano metrica. La regola d’oro: ogni elemento deve avere il suo spazio prenotato prima di arrivare.

Nessuno ha mai chiuso un sito perché caricava troppo in fretta.

Il metodo: misurare prima, ottimizzare poi

L’errore classico è ottimizzare alla cieca. Il flusso corretto: misura con dati reali (CrUX, non solo Lighthouse), identifica il collo di bottiglia più grande, correggi quello e rimisura. Nella nostra esperienza, tre interventi ben scelti portano più risultati di trenta micro-ottimizzazioni — e il primo intervento giusto è quasi sempre sulle immagini.

Perché conviene anche oltre Google

I Core Web Vitals influenzano il ranking, ma l’effetto più grande è sugli umani: ogni secondo di caricamento in più erode conversioni, e i saltellamenti di layout distruggono la fiducia più di qualsiasi refuso. Un sito veloce e stabile comunica cura prima ancora del contenuto. È il primo messaggio che il tuo brand invia — assicurati che sia quello giusto.

Mettiamolo in pratica sul tuo progetto

Scrivici due righe sul tuo progetto — gratis e senza impegno: rispondiamo entro 24 ore con il preventivo.