Core Web Vitals: Come la Velocita del Sito Influenza il Posizionamento su Google

A Google Interessa Quanto il Vostro Sito Sembra Veloce

Nel 2020, Google ha annunciato che l'esperienza di pagina sarebbe diventata un segnale di ranking. Nel 2021, i Core Web Vitals sono stati integrati nell'algoritmo di ranking. Nel 2024, Google ha sostituito FID (First Input Delay) con INP (Interaction to Next Paint), alzando ulteriormente l'asticella. Il messaggio e chiaro: se il vostro sito e lento, instabile o poco reattivo, Google lo posizionera piu in basso.

Non si tratta di metriche di vanita. Per le aziende a Lugano e in tutta la Svizzera che competono per la visibilita nelle ricerche locali, i Core Web Vitals possono fare la differenza tra apparire nella prima pagina e essere sepolti nella terza. Quando due pagine hanno rilevanza di contenuto simile, quella con prestazioni migliori vince.

I Tre Core Web Vitals Spiegati

LCP: Largest Contentful Paint

LCP misura quanto tempo ci vuole perche l'elemento di contenuto visibile piu grande venga renderizzato. Di solito e un'immagine hero, una miniatura video in evidenza o un grande blocco di testo.

Valutazione	Tempo LCP
Buono	Sotto 2,5 secondi
Da migliorare	2,5 - 4,0 secondi
Scarso	Oltre 4,0 secondi

Cause comuni di LCP scarso:

• Tempo di risposta server lento (TTFB): Se il server impiega 800ms per rispondere, avete gia bruciato un terzo del budget LCP.
• Risorse che bloccano il rendering: File CSS e JavaScript grandi che devono essere scaricati e analizzati prima che il rendering possa iniziare.
• Immagini non ottimizzate: Un'immagine hero da 2MB in JPEG quando un WebP da 150KB apparirebbe identica. Questo e il problema LCP piu comune che vediamo.
• Rendering lato client: Le SPA che renderizzano tutto in JavaScript forzano il browser a scaricare JS, analizzarlo, eseguirlo, recuperare dati e poi renderizzare.
• Lazy loading dell'elemento LCP: Aggiungere loading="lazy" all'immagine hero ne ritarda il caricamento.

INP: Interaction to Next Paint

INP ha sostituito FID nel marzo 2024. Mentre FID misurava solo il ritardo della prima interazione, INP misura la reattivita di tutte le interazioni durante il ciclo di vita della pagina.

Valutazione	Tempo INP
Buono	Sotto 200 millisecondi
Da migliorare	200 - 500 millisecondi
Scarso	Oltre 500 millisecondi

Cause comuni di INP scarso:

• Task JavaScript lunghi: Qualsiasi task JS che dura piu di 50ms blocca il thread principale. Script di terze parti (analytics, ads, chat widget) sono spesso i peggiori colpevoli.
• DOM eccessivamente grande: Pagine con migliaia di nodi DOM richiedono piu tempo per gli aggiornamenti dopo le interazioni.
• Mancanza di code splitting: Caricare tutto il JavaScript in anticipo significa che il browser ha piu codice da analizzare.

CLS: Cumulative Layout Shift

CLS misura la stabilita visiva. Conoscete l'esperienza: iniziate a leggere un articolo, si carica una pubblicita sopra, e il testo salta in basso.

Valutazione	Punteggio CLS
Buono	Sotto 0,1
Da migliorare	0,1 - 0,25
Scarso	Oltre 0,25

Cause comuni di CLS scarso:

• Immagini senza dimensioni: Se non specificate width e height sui tag <img>, il browser non sa quanto spazio riservare.
• Pubblicita e embed senza spazio riservato
• Contenuto iniettato dinamicamente
• Font web che causano reflow del testo

Come Misurare i Core Web Vitals

Strumenti Lab vs. Dati Reali

C'e una distinzione importante: Google usa i dati del campo reale (da utenti Chrome reali) per le decisioni di ranking, non i dati di laboratorio.

• PageSpeed Insights: Inserite l'URL su pagespeed.web.dev per ottenere sia dati lab che dati reali.
• Google Search Console: Il report Core Web Vitals raggruppa le pagine in "Buono", "Da migliorare" e "Scarso".
• Lighthouse: Integrato in Chrome DevTools. Eseguitelo in modalita Incognito.
• Chrome UX Report (CrUX): Il dataset che Google usa per il ranking.

Strategie di Ottimizzazione

Correggere LCP

• Usate un CDN per servire contenuti dal nodo edge piu vicino
• Usate formati moderni: WebP fornisce file 25-35% piu piccoli di JPEG a qualita equivalente
• Implementate immagini responsive con srcset e sizes
• Precaricate l'immagine LCP: <link rel="preload" as="image" href="/hero.webp">
• Non fate lazy loading dell'immagine LCP. Usate fetchpriority="high"
• Inline CSS critico e differite il resto

Correggere INP

• Spezzate i task lunghi con requestIdleCallback() o setTimeout()
• Spostate computazioni pesanti nei Web Workers
• Verificate gli script di terze parti. Ogni strumento di analytics, widget chat e script pubblicitario aggiunge lavoro al thread principale
• Implementate il code splitting
• Puntate a meno di 1.500 nodi DOM

Correggere CLS

• Impostate width e height su tutte le immagini. CSS aspect-ratio e l'approccio moderno
• Riservate spazio per le pubblicita con contenitori a dimensione fissa
• Mostrate i banner cookie come overlay a posizione fissa
• Self-hostate i font per un caricamento piu veloce
• Usate font-display: swap con un fallback dimensionalmente simile

Mobile vs. Desktop

Google usa l'indicizzazione mobile-first. I vostri Core Web Vitals mobile determinano il ranking anche per le ricerche desktop. Un telefono Android di fascia media elabora JavaScript 3-5x piu lentamente di un MacBook. Per maggiori informazioni, consultate il nostro articolo su perche il vostro sito e lento.

Impatto sui Tassi di Conversione

Miglioramento Metrica	Impatto Business
LCP da 4s a 2s	Fino al 15% di aumento nelle conversioni
CLS da 0,25 a 0,05	Fino al 18% di riduzione dei rimbalzi
INP da 500ms a 150ms	Aumento misurabile nei completamenti form

Per una panoramica completa sulle strategie di ottimizzazione delle prestazioni, consultate il nostro articolo sull'ottimizzazione delle prestazioni del sito web.

Vittorie Rapide

1. Servite immagini in formato WebP con dimensionamento corretto
2. Aggiungete width e height a tutte le immagini
3. Differite JavaScript non critico
4. Usate un CDN
5. Abilitate la compressione testo (gzip o Brotli)

Conclusione

I Core Web Vitals sono segnali di ranking reali con impatto misurabile sia sulla visibilita nelle ricerche che sui tassi di conversione. Per le aziende a Lugano e in Svizzera, investire nelle prestazioni del sito web significa investire in visibilita, esperienza utente e ricavi.

Se volete aiuto per valutare e migliorare i vostri Core Web Vitals, contattate il nostro team. Possiamo verificare il vostro sito, identificare i colli di bottiglia specifici e implementare ottimizzazioni mirate.