Core Web Vitals 2026: ottimizzazione step-by-step

I Core Web Vitals sono diventati nel 2026 la base “obbligatoria” della SEO tecnica. Non sono più “nice to have”: sono una soglia di accettabilità sotto la quale Google penalizza visibilmente il ranking. Ottimizzarli non è opzione: è igiene SEO basilare.

Le 3 metriche e i loro target

LCP (Largest Contentful Paint)

Tempo per renderizzare l’elemento più grande visibile (hero image, titolo principale).

• Good: < 2.5 secondi
• Needs improvement: 2.5-4.0 secondi
• Poor: > 4.0 secondi

INP (Interaction to Next Paint)

Latenza tra interazione utente (click, tap, key press) e prossimo paint visibile. Ha sostituito FID dal 2024.

• Good: < 200 millisecondi
• Needs improvement: 200-500ms
• Poor: > 500ms

CLS (Cumulative Layout Shift)

Quanto la pagina “si muove” durante il caricamento (annunci che spingono il contenuto, immagini senza dimensioni).

• Good: < 0.1
• Needs improvement: 0.1-0.25
• Poor: > 0.25

Ottimizzazione LCP: i 6 fix principali

1. Compressione hero image

L’hero image è quasi sempre l’LCP element. Ottimizzazioni:

• Formato WebP/AVIF (50-70% più leggero di JPG)
• Compressione adeguata (quality 75-85, raramente serve di più)
• Dimensioni server-side appropriate (no immagini 4K mostrate a 1200px)
• Responsive images con srcset

2. Preload risorse critiche

<link rel="preload" href="hero.webp" as="image" />
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin />

3. CSS critico inline

Inline il CSS necessario per il “above the fold”, carica il resto async. Strumenti come Critical CSS plugin in WordPress automatizzano.

4. Server response time

TTFB (Time to First Byte) sotto 600ms idealmente, sotto 200ms ottimale. Misure: hosting performante, caching server-side (Redis, Varnish), CDN.

5. Lazy loading

Tutto sotto la fold dovrebbe essere lazy loaded:

<img loading="lazy" />

Eccezione: l’hero image stessa, che deve caricare per prima (quindi NO lazy).

6. Eliminare render-blocking

JavaScript e CSS che bloccano il rendering vanno: defer (per JS non critico), async, oppure caricati after first paint.

Ottimizzazione INP: i 5 fix principali

1. Riduzione JavaScript pesante

Audit: PageSpeed mostra “JavaScript execution time” e “Main thread work”. Target: meno di 2 secondi totali.

2. Code splitting

Spezza bundle JS in chunk caricati on-demand. Carico iniziale ridotto, parsing più veloce.

3. Defer di script non critici

Analytics, chat widget, social embed: defer al massimo. Tag Manager con caricamento ritardato dopo first interaction.

4. Web Workers per task pesanti

Calcoli complessi nel main thread bloccano l’INP. Offloadare a Web Workers li elimina dal critical path.

5. Eventi handlers ottimizzati

Listener su click/scroll che fanno troppi calcoli sincroni rallentano INP. Best practice: debounce, throttle, requestIdleCallback.

Ottimizzazione CLS: i 4 fix principali

1. Dimensioni esplicite immagini

<img width="800" height="600" />

Browser riserva spazio prima del caricamento, niente shift.

2. Font display: swap + preload

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

+ preload per ridurre FOUT/FOIT.

3. Niente injection dinamica sopra contenuto esistente

Banner cookie, pop-up, alert: aggiungi spazio riservato o injection sotto fold, mai spinta del contenuto principale.

4. Iframe con dimensioni esplicite

Embed YouTube, Google Maps, Twitter: sempre con width/height fissi.

Tool di misurazione

• PageSpeed Insights: misura ufficiale Google, sia field data (CrUX) sia lab data
• Search Console → Core Web Vitals: dati aggregati per il tuo sito
• Web.dev Measure: simile a PageSpeed
• Lighthouse: integrato in Chrome DevTools, ottimo per debug
• WebPageTest: analisi avanzata con waterfall

Riferimento: documentazione web.dev/vitals.

WordPress specifico

Core Web Vitals su WordPress richiedono attenzione a:

• Theme: bloat zero, niente theme con 50 feature inutilizzate
• Plugin: ogni plugin attivo ha costo, audit periodico
• Caching: WP Rocket, W3 Total Cache, LiteSpeed (se hosting compatibile)
• Image optimization: ShortPixel, Imagify, Smush per conversione automatica WebP
• Database: cleanup periodico (revisioni, transient, spam)
• Hosting: scegliere provider con server PHP 8.3+ e SSD NVMe

Caso studio: blog WordPress, da Poor a Good in 2 settimane

Blog WordPress italiano, 80 articoli, traffico 2.000/mese.

Pre-fix:

• LCP: 4.8s
• INP: 380ms
• CLS: 0.32
• PageSpeed mobile: 38/100

Interventi (2 settimane):

• Theme leggero (Astra al posto di un theme premium pesante)
• Cache configurato correttamente
• Image optimization automatica
• Lazy loading attivato
• Plugin audit (rimossi 12 plugin non essenziali)
• CDN configurato
• Database cleanup

Post-fix:

• LCP: 1.9s ✅
• INP: 140ms ✅
• CLS: 0.04 ✅
• PageSpeed mobile: 89/100

Effetto SEO a 90 giorni: +28% impression in Search Console (correlato anche ad altri fattori, ma improvement chiaro post-fix).

Piano di ottimizzazione Core Web Vitals per siti WordPress

I Core Web Vitals impattano direttamente il ranking di Google dal 2021, ma la maggior parte dei siti WordPress ha ancora punteggi non ottimali, specialmente su mobile. Il problema principale non è la piattaforma (WordPress può avere ottime performance), ma la configurazione: troppi plugin, immagini non ottimizzate, temi pesanti. Un audit sistematico può portare punteggi da 50 a 85+ in 2-4 settimane di lavoro.

• LCP (Largest Contentful Paint): il problema più comune su WordPress è un LCP > 4s causato da immagine hero non ottimizzata. Soluzione: conversione in WebP, lazy loading disattivato per il LCP, CDN per la distribuzione
• INP (Interaction to Next Paint): sostituisce FID dal 2024. Problemi comuni: JavaScript bloccante di plugin pesanti (slider, popup, chat widget). Audit con Chrome DevTools → Performance tab per identificare i JS offenders
• CLS (Cumulative Layout Shift): causato da elementi senza dimensioni definite (immagini senza width/height, ad network, font swap). Specifica sempre width e height per ogni img tag
• Plugin raccomandati: WP Rocket o LiteSpeed Cache (caching + ottimizzazione JS/CSS), Imagify o ShortPixel (ottimizzazione immagini), Cloudflare (CDN gratuito). Questa combinazione risolve il 90% dei problemi CWV su WordPress

Uno strumento pratico spesso ignorato: Google PageSpeed Insights mostra i “Opportunities” specifiche per ogni URL con stime di risparmio in secondi. Inizia sempre dall’opportunity con il maggior risparmio stimato, non da quella tecnicamente più interessante. In genere, ottimizzare il LCP dell’immagine hero della homepage porta i maggiori benefici. Monitora i miglioramenti settimanalmente con il report Core Web Vitals in Google Search Console.

Strumenti consigliati per Core Web Vitals

Il panorama degli strumenti disponibili nel 2026 è più ricco che mai. Questi sono quelli che utilizziamo attivamente con i clienti:

• Ahrefs: keyword research, analisi competitor, audit tecnico e monitoraggio backlink. La suite SEO più completa per professionisti
• Semrush: alternativa ad Ahrefs con ottimi dati per il mercato italiano. Funzionalità di content marketing integrate
• Google Search Console: dati reali su impression, click, ranking e problemi tecnici. Gratuito e imprescindibile
• Screaming Frog: crawl del sito per identificare problemi tecnici. Versione gratuita per siti fino a 500 URL
• Rank Math (WordPress): plugin SEO tutto-in-uno per WordPress con integrazione Rank Math API per ottimizzazione on-page in tempo reale

Per approfondire il confronto tra piattaforme, consulta anche: Ahrefs Blog, Moz Beginner’s Guide.

Prossimi passi: da dove iniziare

Il modo più efficace per applicare quanto hai letto è iniziare con un’analisi della situazione attuale. Accedi a Google Search Console e identifica le 5 keyword su cui sei già in posizione 6-15: queste sono le opportunità di ottimizzazione più rapide. Parallelamente, usa Screaming Frog in versione gratuita per scansionare le prime 500 URL del sito e identificare eventuali problemi tecnici critici. Con questi due step, avrai una roadmap SEO pratica pronta in meno di 2 ore. Per un supporto strutturato nella implementazione, visita la sezione Web Marketing.

Errori comuni da evitare su Core Web Vitals

Lavorando con decine di PMI italiane su questo tema, ho identificato i pattern di errore più ricorrenti. Evitarli ti farà risparmiare settimane di lavoro inutile e ti permetterà di raggiungere i risultati più rapidamente.

• Partire senza una strategia chiara: implementare strumenti e tattiche senza avere un obiettivo di business definito. Prima di qualsiasi azione, definisci il KPI di successo: cosa deve migliorare, di quanto, entro quando
• Copiare senza adattare: replicare tattiche di competitor senza analizzare se funzionano per il tuo contesto specifico. Ciò che funziona per un sito con DR 60 non funziona per uno con DR 20
• Mancanza di consistenza: iniziare con energia e poi abbandonare dopo 2-3 settimane. I risultati in questo campo arrivano con consistenza nel tempo, non con sprint intensi seguiti da pause
• Non misurare i risultati: implementare modifiche senza baseline di misurazione. Senza dati prima e dopo, è impossibile capire cosa funziona e cosa va aggiustato
• Sovra-ottimizzare invece di costruire valore: concentrarsi su micro-ottimizzazioni tecniche invece di creare il contenuto o il prodotto migliore per gli utenti. Nel 2026, Google premia il valore reale per il lettore

Un approccio che consiglio sempre: tieni un log mensile delle azioni intraprese e dei risultati osservati. Dopo 3 mesi, questo log diventa un dataset preziosissimo per capire cosa muove realmente i tuoi numeri nel tuo contesto specifico.

Esempio pratico: come applico questo con un cliente

Per rendere concreto tutto quello che hai letto, ecco come ho applicato questi principi con un cliente reale (nome anonimizzato per privacy).

Il cliente: PMI manifatturiera italiana, 15 dipendenti, no presenza SEO significativa. Obiettivo: generare lead qualificati tramite canali organici in 6 mesi.

Step 1: audit completo della situazione esistente (sito, keyword già posizionate, competitor). Risultato: identificate 12 keyword con volume interessante e bassa concorrenza dove il cliente aveva potenziale.

Step 2: implementazione delle ottimizzazioni on-page per le pagine esistenti e creazione di 3 nuovi articoli mirati alle keyword identificate. Ogni contenuto seguiva le linee guida descritte in questo articolo.

Step 3: after 90 giorni – +340% di traffico organico, da 120 a 530 sessioni/mese. 8 nuovi lead qualificati in 3 mesi vs 1 nel trimestre precedente. Tutti da canale organico, zero budget advertising.

Il lesson learned principale: la semplicità batte la complessità. Le 3 modifiche più impattanti erano anche le più semplici da implementare. Non serve un piano da 100 pagine: serve eseguire bene le basi con consistenza.

Domande frequenti sui Core Web Vitals

Conclusioni: Core Web Vitals nel 2026

In questa guida abbiamo visto come Core Web Vitals può fare la differenza nel 2026. Applicare Core Web Vitals in modo strategico porta risultati misurabili.

I punti chiave su Core Web Vitals:

• Core Web Vitals è una priorità per chi vuole crescere digitalmente nel 2026
• Inizia con un approccio pratico a Core Web Vitals e ottimizza nel tempo
• Misura sempre i risultati del tuo lavoro su Core Web Vitals
• Il Core Web Vitals funziona meglio come parte di una strategia integrata

Hai domande su Core Web Vitals? Contattami direttamente.