Core Web Vitals: come migliorare la velocità del sito web nel 2026

La velocità del sito web non è più un dettaglio tecnico riservato agli sviluppatori. Dal 2021 Google utilizza i Core Web Vitals come fattore di ranking, e nel 2026 il loro peso è ancora più determinante. Se il tuo sito è lento, stai perdendo posizioni su Google e clienti reali.

In questa guida analizziamo cosa sono i Core Web Vitals, come misurarli e quali ottimizzazioni pratiche applicare per migliorare la performance web del tuo sito.

Cosa sono i Core Web Vitals e perché contano per il ranking Google

I Core Web Vitals sono un insieme di metriche definite da Google per valutare l'esperienza utente di una pagina web. Non misurano solo la velocità pura, ma l'intera qualità dell'interazione: quanto tempo impiega la pagina a mostrare il contenuto principale, quanto è reattiva ai clic e quanto è stabile visivamente durante il caricamento.

Google ha integrato queste metriche nel suo algoritmo di ranking. A parità di contenuto, un sito con Core Web Vitals nella norma viene premiato rispetto a un sito lento o instabile. Questo è particolarmente rilevante per chi lavora sulla SEO locale a Bari, dove la competizione si gioca su dettagli tecnici che fanno la differenza.

Le tre metriche fondamentali

LCP - Largest Contentful Paint

Il Largest Contentful Paint misura il tempo necessario per caricare l'elemento visivo più grande nella viewport della pagina. Di solito si tratta di un'immagine hero, un video o un blocco di testo prominente.

• Buono: entro 2,5 secondi
• Da migliorare: tra 2,5 e 4 secondi
• Scarso: oltre 4 secondi

Un LCP lento significa che l'utente fissa una pagina vuota o incompleta per troppo tempo. La percezione di lentezza scatta dopo circa 2 secondi, e a quel punto molti visitatori abbandonano.

INP - Interaction to Next Paint

L'Interaction to Next Paint ha sostituito il FID (First Input Delay) come metrica ufficiale nel 2024. Misura la reattività della pagina: quanto tempo passa tra un'interazione dell'utente (clic, tap, pressione di un tasto) e l'aggiornamento visivo successivo.

• Buono: entro 200 millisecondi
• Da migliorare: tra 200 e 500 millisecondi
• Scarso: oltre 500 millisecondi

A differenza del FID, che misurava solo la prima interazione, INP considera tutte le interazioni durante l'intera sessione e riporta il valore peggiore. Questo rende la metrica molto piu rappresentativa dell'esperienza reale.

CLS - Cumulative Layout Shift

Il Cumulative Layout Shift misura la stabilità visiva della pagina. Hai presente quando stai per cliccare un pulsante e la pagina "salta" perché si carica un'immagine o un banner? Quello è esattamente un layout shift.

• Buono: sotto 0,1
• Da migliorare: tra 0,1 e 0,25
• Scarso: oltre 0,25

Il CLS penalizza gli spostamenti improvvisi degli elementi visibili. E una metrica spesso sottovalutata, ma un CLS alto genera frustrazione immediata nell'utente.

Come misurare i Core Web Vitals

Prima di ottimizzare, serve misurare. Ecco gli strumenti principali per analizzare la performance web del tuo sito.

Google PageSpeed Insights

Lo strumento piu accessibile. Basta inserire l'URL della pagina su pagespeed.web.dev per ottenere un report completo con i valori di LCP, INP e CLS, sia da dati reali (campo) che da simulazioni (laboratorio).

Chrome DevTools

Il pannello Performance di Chrome DevTools permette di registrare il caricamento della pagina e analizzare nel dettaglio cosa rallenta il rendering. E lo strumento piu potente per diagnosticare problemi specifici.

Google Search Console

La sezione Core Web Vitals di Search Console mostra lo stato di salute dell'intero sito, raggruppando le pagine in "buone", "da migliorare" e "scarse". E il punto di riferimento per monitorare i progressi nel tempo.

Ottimizzazioni pratiche per ogni metrica

Migliorare il LCP

Il Largest Contentful Paint dipende principalmente dalla velocita con cui il browser riceve e renderizza il contenuto principale.

• Ottimizza le immagini: usa formati moderni come WebP o AVIF, comprimi le immagini e servile nelle dimensioni corrette per ogni dispositivo
• Precarica le risorse critiche: usa preload per font, immagini hero e CSS critico
• Riduci il tempo di risposta del server: un hosting di qualita fa la differenza. Il TTFB (Time to First Byte) deve restare sotto i 200ms
• Implementa il caching: configura header di cache appropriati per risorse statiche
• Elimina le risorse che bloccano il rendering: CSS e JavaScript non critici dovrebbero essere caricati in modo asincrono

Migliorare l'INP

L'Interaction to Next Paint richiede attenzione alla gestione degli eventi JavaScript e alla reattività del main thread.

• Riduci il JavaScript: meno codice da eseguire significa risposte piu rapide. Il code splitting carica solo il JavaScript necessario per la pagina corrente
• Sposta il lavoro pesante in background: usa Web Workers per calcoli complessi che non devono bloccare l'interfaccia
• Ottimizza i gestori di eventi: evita operazioni sincrone costose nei listener di click e scroll
• Usa requestAnimationFrame per aggiornamenti visivi e requestIdleCallback per lavoro non urgente

Migliorare il CLS

Il Cumulative Layout Shift si risolve quasi sempre con buone pratiche di sviluppo front-end.

• Specifica sempre le dimensioni di immagini e video con attributi width e height
• Riserva spazio per i contenuti dinamici: banner, embed e annunci devono avere un contenitore con dimensioni fisse
• Evita l'inserimento di contenuto sopra il contenuto esistente: i banner cookie e i popup devono essere overlay, non push
• Gestisci il caricamento dei font: usa font-display: swap e precarica i font critici per evitare il flash di testo invisibile

L'impatto della velocita sulle conversioni

La performance web non è solo una questione di ranking. I dati parlano chiaro:

• Ogni secondo di ritardo nel caricamento costa circa il 7% delle conversioni (fonte: Akamai)
• Il 53% degli utenti mobile abbandona un sito che impiega piu di 3 secondi a caricarsi (fonte: Google)
• Un miglioramento di 0,1 secondi nel tempo di caricamento aumenta le conversioni dell'8% per i siti e-commerce (fonte: Deloitte)

Questo significa che investire nella velocita del sito web ha un ritorno economico diretto e misurabile. Quando si valuta quanto costa un sito web, la performance dovrebbe essere un criterio centrale, non un optional.

Errori comuni che rallentano un sito

Nella nostra esperienza, questi sono i problemi che riscontriamo piu frequentemente nei siti dei clienti che si rivolgono a noi.

WordPress appesantito

WordPress alimenta circa il 40% del web, ma la sua flessibilità è anche il suo punto debole. Un'installazione tipica accumula decine di plugin, ognuno con i propri file CSS e JavaScript. Il risultato è un sito che carica risorse inutili su ogni pagina.

Troppi plugin e script di terze parti

Analytics, chat, pixel di tracciamento, widget social, pop-up: ogni script aggiunto alla pagina compete per le risorse del browser. Abbiamo visto siti con 15-20 script esterni che impiegavano oltre 8 secondi a caricarsi.

Hosting economico

Un hosting condiviso da pochi euro al mese mette il tuo sito sullo stesso server di centinaia di altri siti. Il risultato sono tempi di risposta lenti e variabili, specialmente nei momenti di traffico piu alto.

Immagini non ottimizzate

Caricare foto a risoluzione piena direttamente dalla fotocamera è uno degli errori piu comuni. Un'immagine da 5MB che viene visualizzata in un riquadro da 400px è uno spreco enorme di banda e tempo.

Come scegliere un framework veloce

La scelta della tecnologia alla base del sito ha un impatto decisivo sulle performance. Non tutti i framework sono uguali.

Framework moderni: Nuxt, Next.js, Astro

I framework moderni come Nuxt (basato su Vue.js), Next.js (basato su React) e Astro sono progettati per la performance. Offrono:

• Server-Side Rendering (SSR) e Static Site Generation (SSG) per tempi di caricamento minimi
• Code splitting automatico: il browser scarica solo il codice necessario per la pagina corrente
• Ottimizzazione automatica delle immagini: componenti dedicati che generano formati moderni e dimensioni responsive
• Idratazione selettiva: il JavaScript viene attivato solo dove serve

WordPress: quando ha senso

WordPress resta una scelta valida per blog e siti semplici, a patto di usare un tema leggero, pochi plugin selezionati e un hosting performante. Ma per progetti dove la velocità è critica, i framework moderni offrono un vantaggio strutturale difficile da colmare.

La scelta del framework è una delle decisioni tecniche piu importanti. Se non hai le competenze interne per valutarla, affidarsi a professionisti che conoscono entrambi i mondi fa la differenza. Scopri come scegliere una web agency che possa guidarti nella scelta migliore per il tuo progetto.

Conclusione: la velocità è un investimento, non un costo

Ottimizzare i Core Web Vitals significa migliorare contemporaneamente il posizionamento su Google, l'esperienza utente e il tasso di conversione. Non è un'attività da fare una volta sola, ma un processo continuo che richiede monitoraggio e interventi mirati.

Se il tuo sito non supera i Core Web Vitals o se vuoi capire quanto margine di miglioramento hai, possiamo aiutarti con un audit delle performance completo e gratuito. Analizzeremo il tuo sito, identificheremo i colli di bottiglia e ti proporremo un piano di ottimizzazione concreto.

Contattaci per un audit gratuito delle performance del tuo sito.