Core Web Vitals 2026: come velocizzare il tuo sito e scalare la SERP di Google

Hai mai visto quelle notifiche rosse su Google Search Console che segnalano problemi con i Core Web Vitals? O peggio, hai notato il tuo sito scendere nei ranking senza capire il motivo?

Nel 2026, i Core Web Vitals sono diventati uno dei fattori di ranking più importanti di Google. La verità è semplice: Google non valuta più solo i contenuti, ma misura come gli utenti reali percepiscono il tuo sito. Quanto velocemente si carica, quanto è reattivo ai click, quanto è stabile durante la visualizzazione.

Se il tuo sito fallisce questi test, i competitor con siti più veloci ti superano. In questa guida ti spiego cosa sono i Core Web Vitals, come Google li misura e soprattutto come ottimizzare il tuo sito per passare tutti i test e migliorare il posizionamento.

Cosa sono i Core Web Vitals

I Core Web Vitals sono metriche che Google usa per misurare l’esperienza utente reale sul tuo sito. Non opinioni soggettive, ma dati concreti raccolti da milioni di utenti Chrome. Pensa a loro come al check-up medico del tuo sito: misurano velocità, reattività e stabilità.

Google li ha introdotti perché si è reso conto che siti con ottimi contenuti perdevano visitatori a causa di performance scadenti. Un utente che aspetta 5 secondi per il caricamento e poi vede tutto saltare sullo schermo semplicemente chiude la pagina. Da maggio 2021, Google penalizza siti lenti premiando quelli che offrono una buona esperienza.

Nel 2026 questo è ancora più vero: i dati mostrano che siti in prima posizione hanno il 10% in più di probabilità di passare i Core Web Vitals rispetto a quelli in nona posizione.

Le 3 metriche fondamentali (aggiornate 2026)

LCP – Largest Contentful Paint (velocità di caricamento)

Misura quanto tempo serve per caricare l’elemento più grande visibile sullo schermo. Di solito è un’immagine hero, un video o un blocco di testo grande.

Soglie 2026:

• ✅ Buono: meno di 2,5 secondi
• ⚠️ Da migliorare: 2,5-4 secondi
• ❌ Scarso: più di 4 secondi

Esempio pratico: hai un ristorante a Cosenza con una foto grande del piatto del giorno in homepage. Se quella foto impiega 5 secondi a caricarsi, l’LCP è 5 secondi e sei bocciato.

Cosa lo rallenta: immagini troppo pesanti (3-5 MB), server lento, troppi JavaScript che bloccano il rendering, troppe richieste a servizi esterni.

INP – Interaction to Next Paint (reattività)

Novità importante: INP ha sostituito FID (First Input Delay) a marzo 2024. Misura quanto velocemente il sito risponde a tutte le interazioni dell’utente durante la visita, non solo la prima. Click, tap, digitazione: tutto viene misurato.

Soglie 2026:

• ✅ Buono: meno di 200 millisecondi
• ⚠️ Da migliorare: 200-500 millisecondi
• ❌ Scarso: più di 500 millisecondi

Esempio: clicchi “Aggiungi al carrello” in un e-commerce e il sito impiega 600ms a rispondere. Sembra rotto, clicchi di nuovo, aggiungi 2 prodotti per sbaglio, ti frustri, abbandoni il carrello.

Cosa lo peggiora: JavaScript pesanti, troppi plugin WordPress (30+ è un disastro), animazioni complesse, script di terze parti come ads e chatbot.

CLS – Cumulative Layout Shift (stabilità visiva)

Misura quanto “salta” il contenuto mentre la pagina si carica. Hai presente quando stai per cliccare un link e improvvisamente carica una pubblicità che sposta tutto e clicchi sulla pubblicità per sbaglio? Quello è CLS alto.

Soglie 2026:

• ✅ Buono: meno di 0,1
• ⚠️ Da migliorare: 0,1-0,25
• ❌ Scarso: più di 0,25

Esempio: leggi un articolo, arrivi al terzo paragrafo, carica un banner pubblicitario in cima e tutto il testo salta giù di 300px. Perdi il segno e ti innervosisci.

Cosa lo causa: immagini senza dimensioni width/height, font che cambiano a metà caricamento, ads che caricano dopo, contenuto inserito dinamicamente sopra quello esistente.

Come Google misura: dati reali vs simulati

C’è una differenza enorme tra i dati che vedi tu e quelli che Google usa per il ranking.

Dati Lab (simulati): Strumenti come PageSpeed Insights e Lighthouse simulano il caricamento in condizioni controllate. Risultato: punteggi spesso migliori della realtà. Google NON usa questi dati per il ranking, servono solo per diagnosticare problemi.

Dati Field (utenti reali): Google raccoglie dati dal Chrome User Experience Report (CrUX), milioni di utenti reali che visitano il tuo sito con smartphone vecchi, 4G instabile e browser pieni di estensioni. Questi sono i dati che contano per il ranking.

Li trovi in Google Search Console (Report Core Web Vitals) e nella sezione “Field Data” di PageSpeed Insights. Importante: i dati si aggiornano ogni 28 giorni, quindi se ottimizzi oggi vedrai i risultati tra 4-8 settimane.

Google valuta al 75° percentile: significa che il 75% delle visite deve essere “buono”. Se su 100 visite 74 hanno LCP sotto 2,5s sei bocciato, se 75 lo rispettano sei promosso. Non basta che funzioni bene per te con la fibra da 1Gb, deve funzionare bene anche per chi ha 4G lento.

Perché sono importanti per il tuo business

Impatto SEO diretto

Google ha confermato ufficialmente che i Core Web Vitals sono un fattore di ranking. Quando due siti hanno contenuti simili, quello con metriche migliori vince. Dati 2026: siti che passano i test hanno il 10% in più di probabilità di essere in prima posizione e registrano un aumento del 12-20% di traffico organico dopo l’ottimizzazione.

Tassi di rimbalzo

Il 53% degli utenti mobile abbandona se il caricamento supera 3 secondi. Ogni secondo extra di LCP porta a un aumento del 7% nel tasso di rimbalzo.

Conversioni ed e-commerce

Amazon ha scoperto che ogni 100ms di latenza costa l’1% delle vendite. Per un e-commerce che fattura €100.000/anno, 500ms di ritardo significa -5% vendite, cioè -€5.000/anno. Google premia siti veloci perché gli utenti convertono di più.

Mobile-first indexing

Nel 2026 Google valuta prima la versione mobile del tuo sito. Se il mobile ha Core Web Vitals scarsi, tutto il sito viene penalizzato, anche la versione desktop.

Come misurare i tuoi Core Web Vitals

Google Search Console (il più importante)

Mostra i dati reali che Google usa per il ranking. Vai su “Esperienza” → “Core Web Vitals”, guarda le schede Mobile e Desktop, identifica URL “Scadenti” (rossi) e “Da migliorare” (arancioni). Focus assoluto su homepage, pagine prodotto top e articoli più visitati.

PageSpeed Insights

Vai su pagespeed.web.dev, inserisci il tuo URL e concentrati sulla sezione “Field Data” (dati utenti reali). Ignora il punteggio Lab che è solo indicativo. Testa sia homepage che pagine interne importanti.

GTmetrix

Fornisce analisi dettagliate con waterfall delle risorse caricate. Utile per capire esattamente cosa rallenta il sito.

Chrome DevTools (per sviluppatori)

Tasto destro sulla pagina → “Ispeziona” → Tab “Lighthouse”. Simula test performance e fornisce suggerimenti tecnici precisi.

Come ottimizzare LCP (velocità di caricamento)

LCP è spesso il problema più comune. Ecco le soluzioni concrete.

Immagini troppo pesanti

Problema: Immagine hero da 4-5 MB che impiega secondi a caricare.

Soluzioni:

• Comprimi con TinyPNG, ImageOptim o Squoosh (target: max 200 KB per immagine hero)
• Converti in WebP, che è 25-35% più leggero di JPEG (WordPress moderno lo fa automaticamente, altrimenti usa plugin come Imagify o ShortPixel)
• Usa immagini responsive con srcset, così mobile carica 640px e desktop 1920px
• Aggiungi sempre width e height alle immagini
• NON usare lazy loading sull’immagine LCP (quella hero), la rallenti invece di velocizzarla

Codice esempio responsive:

<img 
  src="hero-1920.webp" 
  srcset="hero-640.webp 640w, hero-1024.webp 1024w, hero-1920.webp 1920w"
  sizes="100vw"
  width="1920" 
  height="1080"
  alt="Descrizione">

Server lento (TTFB alto)

TTFB (Time To First Byte) misura quanto impiega il server a rispondere. Target 2026: sotto 200ms.

Soluzioni:

• Usa hosting performante (dimentica quelli da €3/mese): hosting gestito WordPress come Kinsta, WP Engine, SiteGround piano avanzato, oppure VPS con Cloudways o DigitalOcean
• Attiva CDN come Cloudflare (piano gratuito ottimo), Bunny CDN o KeyCDN per servire file da server vicini all’utente
• Configura caching con plugin: WP Rocket (a pagamento, il migliore), W3 Total Cache (gratuito) o LiteSpeed Cache (se hai hosting LiteSpeed)

Troppe richieste HTTP

Ogni file CSS, JS, font, immagine è una richiesta HTTP. Più richieste = più lentezza.

Soluzioni:

• Minifica CSS e JavaScript per rimuovere spazi e commenti (usa WP Rocket o Autoptimize)
• Combina file CSS/JS: invece di 10 file separati, uno solo
• Limita font esterni: carica solo i pesi necessari (Regular + Bold, non tutti e 9) oppure self-host i font
• Rimuovi JavaScript inutili: analytics non usato, plugin disattivati ma con file ancora caricati, script di terze parti pesanti

JavaScript che blocca il rendering

Problema: Script caricati in <head> bloccano tutto.

Soluzioni:

• Usa defer per JavaScript non critici: <script src="script.js" defer></script>
• Usa async per script indipendenti: <script src="analytics.js" async></script>
• Rimuovi completamente JavaScript inutili

Preload dell’elemento LCP

Dici al browser di caricare l’elemento più importante per primo:

<link rel="preload" as="image" href="hero.webp">

Inserisci nel <head>, migliora LCP di 0,3-0,5 secondi.

Come ottimizzare INP (reattività)

Troppi plugin WordPress

Problema: Sito con 40+ plugin, ognuno aggiunge JavaScript e sovraccarica il processore.

Soluzione: Vai su Plugin → Plugin Installati, disattiva quelli che non usi, elimina quelli ridondanti (3 plugin slider quando ne basta 1), sostituisci plugin pesanti con alternative leggere. Evita page builder mal codificati, slider ultra-animati e social feed live.

JavaScript pesanti

Problema: File JS da 500KB o più.

Soluzioni:

• Code splitting: carica solo il JS necessario per quella pagina (React/Vue lo fanno automaticamente)
• Rimuovi librerie inutilizzate come jQuery quando non serve (WordPress 5.9+ funziona senza)
• Sostituisci animazioni JavaScript con CSS

Long tasks

Task che durano più di 50ms bloccano le interazioni. Trova quelli problematici con Chrome DevTools → Performance → Registra → guarda le barre rosse.

Soluzioni: splitta task lunghi in chunk più piccoli, usa Web Workers per calcoli pesanti, defer di script non critici.

Script di terze parti

Google Analytics, Facebook Pixel, chatbot, ads: ognuno aggiunge latenza.

Soluzioni:

• Carica in modo asincrono: <script src="chatbot.js" async></script>
• Centralizza con Google Tag Manager per gestire tutti gli script in un posto
• Elimina script inutili: hai davvero bisogno di 5 tool di analytics?

Come ottimizzare CLS (stabilità visiva)

CLS è il più facile da risolvere ma spesso viene ignorato.

Immagini senza dimensioni

Problema: Il browser non sa quanto spazio riservare, carica l’immagine e tutto salta.

Soluzione: Specifica sempre width e height:

<img src="foto.jpg" width="800" height="600" alt="Descrizione">

WordPress 5.5+ lo fa automaticamente, ma theme vecchi no.

Font che cambiano (FOIT/FOUT)

Problema: Il testo carica con font di sistema, poi passa a Google Font e tutto si sposta.

Soluzioni:

• Usa font-display: swap per mostrare subito il testo con font di sistema, poi swappare senza layout shift
• Preload dei font critici: <link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>

CSS esempio:

@font-face {
  font-family: 'Roboto';
  src: url('roboto.woff2');
  font-display: swap;
}

Ads e banner dinamici

Problema: Gli ads caricano dopo e spostano tutto il contenuto.

Soluzione: Riserva lo spazio prima del caricamento:

<div style="min-height: 250px;">
  <!-- Ad carica qui -->
</div>

Contenuto inserito dinamicamente

Regola d’oro: MAI inserire contenuto sopra contenuto esistente. Se devi mostrare banner cookie, usalo con overlay che non sposta niente oppure mettilo in fondo alla pagina.

Checklist completa di ottimizzazione

Fase 1: misura baseline (giorno 1)

• Apri Google Search Console, controlla report Core Web Vitals
• Testa homepage e top 5 pagine più visitate su PageSpeed Insights
• Annota punteggi LCP, INP, CLS attuali
• Identifica quale metrica è la peggiore

Fase 2: quick wins (settimana 1)

Per LCP: comprimi tutte le immagini, convertile in WebP, aggiungi width/height, attiva caching.

Per INP: disattiva plugin WordPress inutilizzati, rimuovi slider pesanti.

Per CLS: aggiungi dimensioni a tutte le immagini, implementa font-display: swap.

Fase 3: ottimizzazioni tecniche (settimana 2-3)

Hosting e server: valuta upgrade se TTFB > 500ms, attiva CDN, configura compressione Gzip/Brotli.

JavaScript e CSS: minifica, defer JavaScript non critici, rimuovi CSS inutilizzati.

Immagini avanzate: lazy loading (escluso LCP), srcset per responsive, preload dell’immagine LCP.

Fase 4: monitoraggio (settimana 4-8)

• Controlla Search Console settimanalmente
• Ri-testa con PageSpeed Insights dopo 4 settimane
• Monitora analytics: bounce rate e tempo sulla pagina
• Documenta i miglioramenti

Fase 5: manutenzione continua (mensile)

• Controlla che nuovo contenuto abbia immagini ottimizzate
• Aggiorna plugin (ma testa dopo, potrebbero peggiorare le performance)
• Monitora CrUX report mensilmente

Errori comuni da evitare

Ossessionarsi col punteggio Lab: Il punteggio arancione/verde di PageSpeed Insights lab NON è usato da Google per il ranking. Focus sui Field Data (utenti reali).

Lazy load dell’immagine LCP: Peggiora LCP invece di migliorarlo. L’immagine hero deve caricare subito.

Troppi plugin di ottimizzazione: 5 plugin di caching contemporaneamente creano conflitti. Regola: 1 plugin caching + 1 plugin immagini, basta.

Ignorare il mobile: Oltre il 60% del traffico è mobile. Se ottimizzi solo desktop hai perso. Testa sempre mobile prima.

Aspettarsi risultati immediati: Search Console aggiorna ogni 28 giorni. Serve pazienza.

Quando serve un professionista

Hai seguito questa guida ma i punteggi non migliorano, Search Console continua a mostrare errori o non capisci i termini tecnici? È ora di chiamare un esperto.

Problemi complessi richiedono analisi codice theme, ottimizzazione database, configurazione server avanzata e debug JavaScript profondo. Un developer esperto risolve in 1-2 settimane ciò che ti richiederebbe mesi.

Conclusione

Le 3 metriche da rispettare: LCP sotto 2,5 secondi, INP sotto 200ms, CLS sotto 0,1. Questi numeri sono fattore di ranking ufficiale Google, riducono il bounce rate, aumentano le conversioni e sono critici per il mobile-first indexing.

Come ottimizzare: misura con Search Console (dati reali), comprimi immagini e convertile in WebP, attiva caching e CDN, rimuovi plugin inutili, defer JavaScript, specifica dimensioni per le immagini.

I risultati arrivano in 4-8 settimane e la manutenzione è continua. Un sito veloce, stabile e reattivo piace agli utenti (meno abbandoni), piace a Google (ranking migliore) e converte di più (più vendite e contatti).

Nel 2026 non puoi permetterti di ignorare i Core Web Vitals. I tuoi competitor li stanno ottimizzando. Se non lo fai anche tu, perderai posizioni, traffico e clienti. Il tempo di agire è oggi.

Hai bisogno di ottimizzare i Core Web Vitals del tuo sito? Contattami per una consulenza gratuita. Analizzeremo i tuoi punteggi attuali, identificheremo i problemi e creeremo un piano d’azione per portare il tuo sito al massimo delle prestazioni.