I Core Web Vitals continuano a essere un fattore di ranking confermato da Google. Con l'introduzione di INP (Interaction to Next Paint) come metrica stabile, ecco tutto quello che devi sapere per ottimizzare il tuo sito nel 2026.
LCP — Largest Contentful Paint: ottimizzare il caricamento
L'LCP misura il tempo di caricamento dell'elemento più grande visibile nella viewport iniziale (solitamente l'immagine hero o un blocco di testo). Target: ≤ 2.5 secondi. Le cause più comuni di LCP elevato in Italia sono hosting lento, immagini non ottimizzate e render-blocking resources.
Le 5 azioni più impattanti per l'LCP
- Preload dell'elemento LCP: aggiungi
<link rel="preload">per l'immagine hero nella head del documento - Formato immagini WebP/AVIF: riduci il peso delle immagini del 40-60% senza perdita di qualità visiva
- CDN con edge caching: Cloudflare gratuito riduce i tempi di risposta del 60-80% per utenti italiani
- Elimina CSS e JS render-blocking: defer/async per gli script non critici, critical CSS inline
- TTFB basso: il Time to First Byte deve essere ≤ 600ms. Se il tuo hosting restituisce risposte lente, è il primo problema da risolvere
INP — Interaction to Next Paint: la nuova frontiera
INP ha sostituito FID (First Input Delay) come metrica stabile nel marzo 2024. Misura la reattività dell'intera pagina durante tutto il ciclo di vita della sessione, non solo il primo input. Target: ≤ 200ms.
I siti WordPress con molti plugin JavaScript, i siti React non ottimizzati e le pagine con molte animazioni CSS sono i più a rischio di INP elevato. Le soluzioni principali:
- Dividere i task JavaScript lunghi in chunks più piccoli (Long Task API)
- Usare
scheduler.yield()per cedere il thread al browser durante elaborazioni pesanti - Ridurre il DOM size (idealmente sotto i 1.500 nodi)
- Virtualizzare le liste lunghe (react-window, vue-virtual-scroller)
🔍 Come misurare INP: Chrome DevTools → Performance tab → cerca i "Long Tasks" (barre rosse). Oppure usa PageSpeed Insights (dati CrUX reali degli utenti) e Chrome UX Report. I dati sintetici di Lighthouse non riflettono sempre il comportamento reale.
CLS — Cumulative Layout Shift: eliminare i salti
Il CLS misura la stabilità visiva della pagina: quanto si sposta il contenuto durante il caricamento. Target: ≤ 0.1. Le cause principali:
- Immagini senza dimensioni: aggiungi sempre attributi
widtheheightai tagimg - Web fonts con FOUT/FOIT: usa
font-display: swape precarica i font critici - Annunci e embed senza dimensioni riservate: definisci spazio fisso per banner publicitari e iframe
- Contenuti inseriti dinamicamente sopra il fold: cookie banner, notifiche, pop-up — posizionali fuori dal flusso del documento
Strumenti di misurazione nel 2026
Per un workflow di monitoring efficace, combina questi strumenti gratuiti:
- PageSpeed Insights — dati reali (CrUX) + misurazioni sintetiche Lighthouse
- Google Search Console — report Core Web Vitals con segmentazione mobile/desktop
- Chrome DevTools (Performance tab) — analisi dettagliata delle cause
- WebPageTest.org — test da server europei con filmstrip del caricamento
- Cloudflare Web Analytics — monitoring in produzione sugli utenti reali
📊 Impatto SEO concreto: Un nostro cliente nel settore retail ha migliorato l'LCP da 4.2s a 1.8s e il CLS da 0.28 a 0.04. In 3 mesi: +18% di traffico organico, +12% conversioni. I Core Web Vitals NON sono l'unico fattore SEO, ma migliorarli ha un effetto combinato su ranking, bounce rate e conversioni.
Il tuo sito ha problemi di Core Web Vitals?
Eseguiamo un Technical SEO Audit completo con piano di ottimizzazione prioritizzato e stime di impatto.
Richiedi il Technical Audit →