Core Web Vitals e SEO 2026: Come le Performance Decidono il Ranking

Nel 2024, Google ha annunciato che i Core Web Vitals (CWV) sono un fattore di ranking ufficiale. Nel 2026, questo si è consolidato: un sito lento non posiziona bene, indipendentemente da quanto sia buon contenuto. Questa guida spiega cosa sono i CWV, come misurarli e come ottimizzarli.

I tre Core Web Vitals spiegati

1. LCP (Largest Contentful Paint) — "Quanto tardi è visibile il contenuto principale?"

Metrica: il tempo in cui l'elemento più grande (immagine, headline, video) diventa visibile sullo schermo.

Target: < 2.5 secondi (buono)

Cattivo: quando apri un sito e vedi una pagina bianca per 5 secondi.

Cause di LCP alto:

• Server lento (database, backend processing)
• JavaScript pesante che blocca il rendering
• Immagini grandi non ottimizzate
• Hosting scadente

Come ottimizzare:

• Lazy load le immagini sotto il fold
• Abilita la cache HTTP (browser + server)
• Minifica CSS e JavaScript
• Usa un hosting con PHP-FPM (non mod_php)

2. FID (First Input Delay) — "Quanto tempo prima che il sito risponda ai clic?"

Metrica: il delay tra il click dell'utente e la risposta del browser.

Target: < 100 ms (buono)

Cattivo: clicchi il pulsante "Accedi" e aspetti 3 secondi prima che succeda qualcosa.

Cause:

• JavaScript pesante in esecuzione (evento click bloccato)
• Main thread occupato con calcoli o animazioni
• Troppi event listener

Come ottimizzare:

• Sposta JavaScript pesante in Web Worker (esegue in background)
• Code splitting: carica solo il JS necessario
• Rimuovi plugin JavaScript inutili
• Usa event delegation (un listener per molti elementi, non uno per elemento)

3. CLS (Cumulative Layout Shift) — "Quanto il layout si sposta durante il caricamento?"

Metrica: la somma di tutti gli shift inaspettati del layout mentre la pagina carica.

Target: < 0.1 (buono)

Cattivo: stai leggendo un articolo e improvviso un'immagine si carica e il testo scivola giù. CLS alto è frustrante.

Cause:

• Immagini senza dimensioni (width/height)
• Font web che si caricano tardivamente
• Annunci che si caricano dopo il resto della pagina
• Animazioni CSS non ottimizzate

Come ottimizzare:

• Specifica sempre width e height per immagini e video
• Usa font-display: swap per font web
• Reserve space per gli ad prima che si carichino
• Evita animazioni che spostano il layout (usa transform invece di margin)

Come misurare i Core Web Vitals

Google PageSpeed Insights

Vai su pagespeed.web.dev, inserisci il tuo dominio.

Vedrai:

• Un punteggio di performance (0-100)
• I tre CWV con colori: verde (buono), arancione (migliorabile), rosso (male)
• Suggerimenti su cosa ottimizzare

Google Search Console

Nel report "Core Web Vitals", vedi come si comporta il sito su TUTTI i visitatori (non solo una visita). Dati reali, non simulati.

Chrome DevTools

# Apri DevTools (F12) → Lighthouse → Performance
# Esegui un test: fornisce LCP, FID, CLS e suggerimenti dettagliati

Impact sulla SEO: quanto conta davvero?

Google ha confermato che i CWV sono un fattore di ranking ufficiale. Studi mostrano:

• Un sito con CWV "Needs Improvement" può perdere il 30-40% di traffico SEO
• Siti veloci posizionano 5-10 posizioni più in alto rispetto a siti lenti sullo stesso topic
• Su mobile, il fattore è ancora più importante (70% delle ricerche sono da mobile)

Però: i CWV non sono l'unico fattore. Un articolo ben scritto e rilevante può posizionare anche se lento. Ma a parità di contenuto, vince il più veloce.

Checklist: Ottimizzare i Core Web Vitals

• ☑ Misura i CWV attuali (PageSpeed Insights)
• ☑ Identifica il "peggior" CWV (il collo di bottiglia)
• ☑ Implementa gli ottimizzamenti per quel metrica
• ☑ Misura di nuovo dopo una settimana
• ☑ Se ancora male, scala a quello successivo
• ☑ Verifica in Google Search Console (dati reali)
• ☑ Monitora mensilmente (mantieni il buono)

Soluzioni quick win vs investimento lungo termine