Indice dei contenuti
“Il mio sito è veloce” è una frase che sentiamo spesso. Ma veloce per chi? Su quale dispositivo? Con quale connessione? E soprattutto: veloce nel caricamento, oppure anche mentre una persona prova a usarlo?
I Core Web Vitals aiutano a valutare alcune parti concrete dell’esperienza di navigazione: quanto rapidamente appare il contenuto principale, quanto il sito risponde alle interazioni e quanto resta stabile mentre si carica. Non sono un voto magico per il sito, ma un modo utile per individuare problemi che gli utenti possono davvero percepire.
Le tre metriche principali 🧭
Google descrive i Core Web Vitals attraverso tre metriche:
- LCP misura il tempo necessario perché venga visualizzato il contenuto principale della pagina. Un valore entro 2,5 secondi è considerato un obiettivo di buona esperienza.
- INP valuta la reattività alle interazioni durante la visita. L’obiettivo indicato è inferiore a 200 millisecondi.
- CLS misura gli spostamenti inattesi del layout. L’obiettivo è un punteggio inferiore a 0,1.
Queste soglie sono riportate nella documentazione di Google Search Central.
LCP: quando arriva il contenuto importante? 🖼️
L’LCP riguarda il momento in cui il contenuto principale della pagina diventa visibile. Può essere, per esempio, un’immagine hero, un titolo o un grande blocco di testo. Se l’elemento principale compare tardi, la pagina può sembrare lenta anche se alcune parti secondarie sono già state caricate.
Per indagare un LCP alto, controlla:
- il tempo di risposta del server;
- la dimensione e il formato dell’immagine principale;
- le risorse che bloccano il rendering;
- l’uso di font e fogli di stile caricati troppo tardi;
- eventuali script che ritardano la visualizzazione.
La prima immagine visibile non dovrebbe essere caricata con una strategia pensata per contenuti fuori schermo. Ottimizzare le immagini è utile, ma attenzione a non comprimere tutto alla cieca: il risultato deve restare leggibile e gradevole.
INP: il sito risponde quando clicco? 🖱️
Una pagina può apparire rapidamente e risultare comunque poco reattiva. Succede, per esempio, quando si clicca un pulsante e non accade nulla per un istante, oppure quando un menu resta bloccato mentre il browser sta eseguendo JavaScript pesante.
Per migliorare la reattività:
- riduci il lavoro JavaScript eseguito sul thread principale;
- evita di caricare script e plugin che non servono in quella pagina;
- rendi più semplici le operazioni attivate da click o input;
- controlla con attenzione builder, widget e script di terze parti.
Non basta misurare il caricamento iniziale: un sito deve continuare a rispondere mentre l’utente interagisce con menu, moduli, filtri e altri componenti.
CLS: perché la pagina si sposta sotto il puntatore? 📐
Il CLS riguarda i cambiamenti inattesi del layout. Se un’immagine, un banner o un contenuto caricato in ritardo sposta la pagina, l’utente può ritrovarsi a cliccare l’elemento sbagliato. Capita spesso quando non è stato riservato spazio per immagini, iframe o annunci.
Per limitare gli spostamenti:
- specifica larghezza e altezza delle immagini;
- riserva spazio per banner e contenuti caricati dinamicamente;
- evita di inserire blocchi sopra contenuti già visibili;
- verifica i font, che possono cambiare dimensioni e impaginazione dopo il caricamento.
Laboratorio e dati reali non sono la stessa cosa 🧪
Uno strumento di laboratorio simula una visita in condizioni definite: è molto utile per confrontare modifiche e diagnosticare problemi. I dati sul campo, invece, rappresentano l’esperienza di utenti reali e possono variare in base a dispositivo, rete, area geografica e comportamento di navigazione.
Per questo un singolo test non racconta tutta la storia. Google Search Console presenta dati aggregati sull’esperienza reale e classifica le pagine in gruppi, mentre strumenti di laboratorio aiutano a capire che cosa potrebbe causare un problema.
Un flusso di lavoro ragionevole può essere:
- scegliere le pagine più importanti, non soltanto la homepage;
- misurare con uno strumento di laboratorio;
- identificare il problema dominante;
- modificare una cosa alla volta;
- ripetere il test e confrontare i risultati;
- controllare anche i dati reali quando sono disponibili.
WordPress e page builder: ottimizzare senza smontare tutto 🧩
Su WordPress, temi e plugin possono introdurre CSS, JavaScript, font e widget aggiuntivi. Questo non significa che un page builder renda automaticamente lento un sito: l’impatto dipende da configurazione, contenuti, hosting e quantità di risorse caricate.
Prima di cambiare tema o disinstallare plugin, prova a capire quale risorsa incide davvero. Puoi iniziare da interventi spesso utili:
- rimuovere estensioni inutilizzate;
- ridimensionare le immagini in base allo spazio in cui vengono mostrate;
- caricare gli script soltanto sulle pagine che ne hanno bisogno;
- ridurre widget e animazioni non essenziali;
- verificare cache e configurazione del server senza attivare opzioni a caso.
Una modifica alla volta permette di capire se stai migliorando davvero qualcosa oppure se hai soltanto spostato il problema in un’altra sezione.
La checklist prima di considerare il lavoro finito ✅
- Ho misurato più di una pagina?
- Ho controllato anche la versione mobile?
- So quale elemento contribuisce al valore LCP?
- Ho provato le interazioni più importanti per l’INP?
- Le immagini e i blocchi dinamici hanno uno spazio definito?
- Ho confrontato i risultati dopo ogni modifica?
- Sto guardando sia dati di laboratorio sia dati reali, quando disponibili?
La performance è esperienza, non una gara al punteggio 🚀
I Core Web Vitals sono strumenti utili per rendere un sito più piacevole da usare, ma non dovrebbero diventare l’unico obiettivo del progetto. Un punteggio alto non sostituisce contenuti chiari, navigazione comprensibile e funzioni che lavorano bene.
Misura, individua il problema e intervieni con metodo. Un sito davvero performante non è soltanto quello che supera un test: è quello che permette alle persone di trovare ciò che cercano e completare un’azione senza aspettare, senza inciampare e senza dover combattere con la pagina ⚡