Dal 2021, Google utilizza i Core Web Vitals come fattore di ranking diretto. Non è una novità tecnica da cui difendersi: è un’opportunità per chi costruisce prodotti digitali seriamente di distanziarsi dalla concorrenza che non lo fa.
Cosa Sono i Core Web Vitals
I Core Web Vitals sono tre metriche definite da Google per misurare l’esperienza utente reale su una pagina web. Non misurano quanto è “bello” un sito o quante funzionalità ha: misurano quanto è veloce, stabile e reattivo per chi lo usa.
LCP — Largest Contentful Paint
Misura il tempo di caricamento dell’elemento visivo più grande nella viewport (spesso un’immagine hero o un blocco di testo prominente). Rappresenta la percezione di velocità dell’utente.
Soglia ottimale: < 2.5 secondi Problematico: > 4 secondi
Cause comuni di LCP lento: immagini non ottimizzate, server lento (TTFB alto), CSS o JavaScript che bloccano il rendering, font caricati in modo inefficiente.
FID — First Input Delay (ora sostituito da INP)
Misura il tempo che intercorre tra il primo clic o interazione dell’utente e la risposta del browser. Dal 2024, Google ha sostituito FID con INP (Interaction to Next Paint), che misura la reattività complessiva durante l’intera sessione.
Soglia ottimale INP: < 200ms Problematico: > 500ms
Causa principale: JavaScript pesante che blocca il main thread.
CLS — Cumulative Layout Shift
Misura la stabilità visiva della pagina: quanto gli elementi si spostano inaspettatamente durante il caricamento. Quel fenomeno fastidioso in cui stai per cliccare qualcosa e appare un banner che sposta tutto verso il basso — quello è CLS alto.
Soglia ottimale: < 0.1 Problematico: > 0.25
Cause comuni: immagini senza dimensioni definite, banner pubblicitari che si caricano dopo il contenuto, font con fallback che cambiano dimensione.
Perché Contano per il Business (Non Solo per la SEO)
L’impatto dei Core Web Vitals non è limitato al posizionamento su Google. Sono correlati direttamente a metriche di business concrete:
- Ogni secondo di ritardo nel caricamento aumenta il bounce rate del 32% (fonte: Google/Deloitte)
- Siti con buoni Core Web Vitals registrano mediamente un tasso di abbandono 24% inferiore rispetto a quelli con metriche scadenti
- Amazon ha calcolato che ogni 100ms di latenza aggiuntiva costa l’1% di fatturato
Non si tratta di ottimizzazione tecnica fine a se stessa. Si tratta di soldi lasciati sul tavolo.
Come Misurare i Core Web Vitals del Tuo Sito
Google Search Console: sezione “Esperienza” > “Core Web Vitals”. Mostra i dati reali raccolti dagli utenti Chrome (Chrome User Experience Report). È il dato che Google usa per il ranking.
PageSpeed Insights (pagespeed.web.dev): analisi sia di dati reali (field data) che di simulazione in laboratorio (lab data). Fornisce suggerimenti specifici per ogni problema rilevato.
Lighthouse (integrato in Chrome DevTools): analisi dettagliata con punteggi e raccomandazioni. Utile durante lo sviluppo per intercettare problemi prima del deploy.
Web Vitals Chrome Extension: mostra i valori in tempo reale mentre navighi.
La distinzione tra field data (dati reali degli utenti) e lab data (simulazione) è importante: Google usa i field data per il ranking. Il lab data è utile per il debug ma non riflette necessariamente l’esperienza reale.
Come Ottimizzare: Le Azioni Concrete
Per migliorare LCP
- Servire le immagini in formato moderno (WebP, AVIF) e con dimensioni appropriate per ogni viewport
- Implementare lazy loading per le immagini below the fold, ma NON per le immagini above the fold
- Usare
<link rel="preload">per le risorse critiche - Migliorare il TTFB del server (caching, CDN, hosting adeguato)
- Eliminare CSS e JS che bloccano il rendering
Per migliorare INP
- Identificare ed eliminare JavaScript pesante nel main thread
- Usare Web Workers per computazioni intensive
- Ottimizzare gli event listener
- Implementare code splitting per caricare solo il JS necessario per ogni pagina
Per migliorare CLS
- Specificare sempre
widtheheightper immagini e video - Usare
min-heightper contenitori che caricano contenuto dinamico - Evitare di inserire contenuto above the fold dopo il caricamento iniziale
- Usare
font-display: optionaloswapcon attenzione ai fallback
L’Errore Più Comune: Ottimizzare il Punteggio Lab, Non l’Esperienza Reale
Esistono tecniche che migliorano artificialmente il punteggio PageSpeed senza migliorare l’esperienza utente reale. Un esempio classico: caricare tutto in lazy loading, anche le risorse critiche above the fold, per abbassare il peso iniziale della pagina. Il punteggio migliora; LCP peggiora.
Google è consapevole di queste tecniche e aggiorna costantemente le metriche per renderle più rappresentative dell’esperienza reale. Ottimizzare per i field data, non per i lab data, è l’approccio corretto.
Il Ruolo dei Core Web Vitals in un Progetto Marfcode
Prima del lancio di ogni progetto, eseguiamo un audit completo dei Core Web Vitals su tutti i template critici (homepage, pagine prodotto, pagine di conversione). I target minimi che ci poniamo: LCP < 2.0s, INP < 150ms, CLS < 0.05.
Non sono numeri arbitrari: sono le soglie che, nei nostri progetti, correlano con performance di conversione misurabili.
→ Richiedi un audit delle performance del tuo sito
Articolo correlato: Sviluppo Web e Mobile per PMI: guida completa | Astro e Directus: architettura headless ad alte performance
