Google valuta ogni pagina in base a tre indicatori che misurano come si percepisce davvero un sito: quanto velocemente appare il contenuto, quanto rapidamente risponde a un tocco e se salta sotto il dito. Si chiamano Core Web Vitals e influiscono sia sul posizionamento sia sulle vendite. Ecco come si sistemano in pratica, con numeri reali di un sito che abbiamo appena ottimizzato.
I tre indicatori, spiegati in parole semplici
LCP (Largest Contentful Paint) - quanto tempo serve perché compaia l'elemento più grande sullo schermo: l'immagine di apertura o il titolo principale. Obiettivo: sotto i 2,5 secondi. È l'indicatore che più spesso finisce in zona rossa nei siti bulgari.
INP (Interaction to Next Paint) - con quanto ritardo risponde la pagina quando premi un pulsante o apri un menu. Obiettivo: sotto i 200 millisecondi. Il colpevole abituale è un JavaScript pesante.
CLS (Cumulative Layout Shift) - quanto “salta” il contenuto durante il caricamento. A tutti è capitato un testo che si sposta proprio mentre lo stai leggendo, perché sopra si è caricata una pubblicità. Obiettivo: sotto 0,1.
Un caso reale: da 6,4 a 3,4 secondi
Un'ottimizzazione recentissima dalla nostra esperienza diretta. La homepage di un sito misurava un LCP di 6,4 secondi da mobile, in piena zona rossa. La diagnosi ha richiesto più tempo della correzione stessa:
L'immagine grande della sezione hero era impostata come sfondo CSS (background-image). La differenza è sostanziale: i normali tag <img> il browser li vede subito, mentre legge l'HTML, e inizia a scaricarli; gli sfondi CSS invece vengono scoperti solo dopo che tutti gli stili sono stati elaborati, cioè con secondi di ritardo. Come se non bastasse, sui telefoni veniva servita la stessa immagine da 129 KB pensata per un monitor largo.
Due modifiche: un preload ad alta priorità, perché il download parta subito, e una versione mobile separata da 30 KB. Risultato: LCP di 3,4 secondi, mentre il tempo di caricamento dell'immagine stessa è sceso da 5,9 a 1,7 secondi. Senza cambiare una sola riga del design.
Cosa migliora l'LCP
Il formato giusto
WebP al posto di PNG/JPG dimezza il peso a parità di qualità. Non servire mai un'immagine larga 2000px a un telefono.
Preload dell'immagine hero
Un solo <link rel="preload"> con fetchpriority="high" per la prima immagine grande spesso fa guadagnare secondi in un colpo solo.
Server veloce e cache
Se il server risponde in 600ms, parti già con mezzo secondo di ritardo. La cache statica e un hosting scelto bene risolvono il problema.
Font
font-display: swap e solo i pesi che servono. Cinque font in quattro pesi ciascuno sono un megabyte che nessuno ha ordinato.
Cosa migliora INP e CLS
Per l'INP: rimuovi i plugin che non usi (ognuno carica il proprio JavaScript), rinvia gli script di terze parti (chat, pop-up, tracker) e fai attenzione alle librerie di animazione. Raramente un sito ne ha bisogno di tre contemporaneamente.
Per il CLS la ricetta è breve: imposta width e height su ogni immagine, riserva lo spazio per pubblicità e banner prima che vengano caricati e non inserire mai contenuti sopra ciò che una persona sta già leggendo.
La velocità non è una vanità tecnica. Ogni secondo di caricamento in più riduce sensibilmente le conversioni: per un negozio online è fatturato perso direttamente, ogni giorno (chiedici e lo calcoliamo per te).
Con cosa misurare
Chiedici un controllo SEO gratuito - per una rapida panoramica generale, compresi il tempo di risposta del server e la compressione. PageSpeed Insights (pagespeed.web.dev) - il controllo più rapido, mostra anche dati reali degli utenti se il sito ha abbastanza traffico. Search Console → Core Web Vitals - vedi tutte le tue pagine insieme e quali gruppi sono in rosso. Lighthouse nel browser - per una diagnosi dettagliata durante lo sviluppo. Misura sempre la versione mobile: è quella su cui Google ti valuta.
Quando le correzioni non bastano
A volte il problema non sta nelle impostazioni, ma nelle fondamenta: un sito appesantito da un page builder pesante, 40 plugin e un tema comprato per 40 dollari sei anni fa. In questi casi ottimizzare è come montare gomme nuove su un'auto con il motore rotto: ha più senso investire nella realizzazione di un nuovo sito (quando è davvero il momento) su basi pulite che continuare a rattoppare quello vecchio. Se il sito è buono ma trascurato, la manutenzione regolare lo mantiene veloce, invece di doverlo sistemare una volta ogni due anni.
Conclusione
I Core Web Vitals non sono un mistero: sono tre numeri con obiettivi chiari e rimedi noti. LCP sotto 2,5 s, INP sotto 200 ms, CLS sotto 0,1. Inizia misurando la versione mobile, occupati dell'immagine più grande e della risposta del server e nella maggior parte dei casi guadagnerai secondi con poche ore di lavoro.
Non sai dov'è il tuo collo di bottiglia? Scrivici: misureremo il tuo sito e ti diremo esattamente quali tre cose sistemare per prime e cosa ci guadagnerai.
