Core Web Vitals nel 2026: Come Migliorare la Velocità del Tuo Sito

Perché la velocità del sito è diventata SEO

Google ha ufficializzato i Core Web Vitals come fattore di ranking nel 2021. Da allora l’importanza è cresciuta: un sito lento non solo perde posizioni, ma perde utenti — il 53% degli utenti mobile abbandona una pagina che impiega più di 3 secondi a caricarsi.

Nel 2026 i Core Web Vitals sono tre metriche misurabili e specifiche. Non “il sito deve essere veloce” — ma valori numerici con soglie precise.

Le tre metriche che contano

LCP — Largest Contentful Paint

Misura il tempo necessario per caricare l’elemento visivo più grande della pagina (solitamente l’immagine hero o il titolo principale).

Soglie:

• ✅ Buono: sotto 2.5 secondi
• ⚠️ Da migliorare: 2.5 - 4.0 secondi
• ❌ Scarso: oltre 4.0 secondi

Cause più comuni di LCP lento:

• Immagini hero non ottimizzate (troppo pesanti)
• Server lento (TTFB alto)
• CSS e JavaScript che bloccano il rendering
• Font web caricati senza preload

INP — Interaction to Next Paint

Ha sostituito FID nel 2024. Misura la reattività della pagina alle interazioni dell’utente (click, tap, input).

Soglie:

• ✅ Buono: sotto 200ms
• ⚠️ Da migliorare: 200 - 500ms
• ❌ Scarso: oltre 500ms

Cause più comuni di INP alto:

• JavaScript pesante che blocca il main thread
• Plugin WordPress che aggiungono troppi script
• Animazioni CSS non ottimizzate
• Handler di eventi inefficienti

CLS — Cumulative Layout Shift

Misura quanto gli elementi della pagina si spostano visivamente durante il caricamento. Hai presente quando stai per cliccare qualcosa e la pagina si sposta? Quello è CLS alto.

Soglie:

• ✅ Buono: sotto 0.1
• ⚠️ Da migliorare: 0.1 - 0.25
• ❌ Scarso: oltre 0.25

Cause più comuni di CLS alto:

• Immagini senza attributi width e height
• Banner cookie o popup che appaiono dopo il caricamento
• Font web che cambiano dimensione al caricamento (FOUT/FOIT)
• Annunci con dimensioni non riservate

Come misurare i Core Web Vitals

Strumenti gratuiti:

• Google PageSpeed Insights (pagespeed.web.dev) — analisi immediata con dati reali e dati di laboratorio
• Google Search Console → Esperienza → Core Web Vitals — dati aggregati reali degli utenti del tuo sito
• Chrome DevTools → Lighthouse — analisi locale con suggerimenti dettagliati
• WebPageTest (webpagetest.org) — analisi avanzata con waterfall delle risorse

La distinzione importante: dati di laboratorio (simulati) vs dati reali (CrUX — Chrome User Experience Report). Google usa i dati reali per il ranking — ottimizza prima per quelli.

Come migliorare LCP

1. Ottimizza le immagini

• Converti in WebP (riduzione 30-50% del peso)
• Usa dimensioni appropriate (non caricare immagini 4K su mobile)
• Aggiungi loading="eager" all’immagine hero e loading="lazy" alle altre
• Aggiungi fetchpriority="high" all’immagine hero

2. Migliora il TTFB (Time To First Byte)

• Usa un hosting performante (Hetzner, SiteGround su server europei)
• Abilita la cache server-side
• Usa una CDN per asset statici

3. Elimina il render-blocking

• Carica CSS critici inline
• Usa defer o async per JavaScript non essenziale
• Rimuovi plugin WordPress inutilizzati

Come migliorare INP

1. Riduci il JavaScript

• Audit dei plugin WordPress attivi — ogni plugin aggiunge script
• Usa un plugin di ottimizzazione come WP Rocket o Perfmatters
• Valuta di rimuovere jQuery se non strettamente necessario

2. Ottimizza gli event handler

• Usa passive: true per gli eventi di scroll
• Evita operazioni pesanti nel main thread
• Usa Web Workers per elaborazioni complesse

Come migliorare CLS

1. Riserva spazio per le immagini

Aggiungi sempre width e height agli elementi <img>:

<img src="hero.webp" width="1200" height="630" alt="...">

2. Gestisci i font web

• Usa font-display: swap nel CSS
• Precarica i font principali nel <head>
• Considera l’uso di font di sistema per testo non critico

3. Posiziona banner e popup correttamente

• I banner cookie devono avere altezza riservata prima del caricamento
• I popup non devono spostare il contenuto esistente

Il vantaggio di Astro sui Core Web Vitals

Se stai valutando un nuovo sito, Astro è oggi il framework con i migliori risultati su Core Web Vitals per impostazione predefinita:

• Zero JavaScript di default — nessun bundle JS inviato al browser se non necessario
• Static generation — HTML pre-renderizzato, nessun tempo di elaborazione server
• Ottimizzazione immagini integrata — conversione automatica in WebP, lazy loading, dimensioni corrette

Il sito che stai leggendo ora è costruito con Astro — e ottiene punteggi Performance 95+ su PageSpeed Insights.