Google misura tre cose chiamate Core Web Vitals: LCP, FID e CLS.
Suonano tecniche. Lo sono.
Ma influenzano i tuoi ricavi direttamente.
Ecco cosa significano in termini di business, come impattano la tua linea di fondo e quali correggere per primi.
Cosa Sono i Core Web Vitals (in parole semplici)
Google misura quanto velocemente e stabilmente il tuo sito web si percepisce dagli utenti.
Le tre metriche:
LCP - Largest Contentful Paint
Tecnico: Tempo necessario perché il più grande elemento visibile si carichi.
In parole semplici: Quanto tempo passa prima che appaia il contenuto principale.
Esperienza utente: “Per quanto tempo devo fissare uno schermo bianco?”
Buono: Sotto 2,5 secondi
Scarso: Oltre 4 secondi
Impatto sul business:
- Ogni secondo di ritardo = 7% di perdita di conversioni
- LCP lento = gli utenti abbandonano prima di vedere i tuoi contenuti
FID - First Input Delay (sostituito da INP nel 2024)
Tecnico: Tempo tra l’interazione dell’utente e la risposta del browser.
In parole semplici: Quanto tempo passa dopo che clicco prima che succeda qualcosa.
Esperienza utente: “Il mio click ha funzionato? Devo cliccare di nuovo?”
Buono: Sotto 100 millisecondi
Scarso: Oltre 300 millisecondi
Impatto sul business:
- FID lento = gli utenti cliccano più volte, si frustrano, se ne vanno
- I form sembrano rotti
- I bottoni sembrano non rispondere
CLS - Cumulative Layout Shift
Tecnico: Quanto contenuto visibile si muove in modo inatteso.
In parole semplici: Il contenuto salta in giro durante il caricamento?
Esperienza utente: “Stavo per cliccare quel bottone ma è caricato un annuncio e ora ho cliccato la cosa sbagliata.”
Buono: Sotto 0,1
Scarso: Oltre 0,25
Impatto sul business:
- Gli utenti cliccano accidentalmente sui bottoni sbagliati
- I form sono frustranti da compilare
- Sembra poco professionale e rotto
Impatto reale sui ricavi (non solo sui ranking)
I Core Web Vitals influenzano la tua attività in due modi.
Impatto 1: Ranking di Google
Quanto conta:
- Piccolo fattore di ranking
- Non così importante come la qualità dei contenuti o i backlink
- Ma a parità di tutto il resto, il sito più veloce vince
Verifica della realtà: Un sito lento con grandi contenuti batte un sito veloce con contenuti deboli.
Non sacrificare la qualità dei contenuti per inseguire punteggi perfetti.
Impatto 2: Tassi di conversione (impatto molto più grande)
Dati reali:
Amazon:
- Ogni 100ms di ritardo = 1% di perdita di ricavi
Google:
- Mezzo secondo di ritardo = 20% di calo del traffico
Walmart:
- Ogni miglioramento di 1 secondo = 2% di aumento delle conversioni
La tua attività:
- LCP oltre 4 secondi = 50% di bounce rate
- LCP sotto 2,5 secondi = 20% di bounce rate
- Differenza: il 60% in più di persone resta sul tuo sito
Calcolo dei ricavi:
Esempio: sito e-commerce
- 10.000 visite/mese
- LCP attuale: 4,5 secondi (50% di bounce)
- 5.000 persone vedono i tuoi prodotti
- 2% converte = 100 vendite
- $100 ordine medio = $10.000 di ricavi
Dopo aver migliorato l’LCP a 2,3 secondi:
- 10.000 visite/mese
- Nuovo LCP: 2,3 secondi (20% di bounce)
- 8.000 persone vedono i tuoi prodotti (60% in più)
- 2% converte = 160 vendite
- $100 ordine medio = $16.000 di ricavi
- Aumento di $6.000/mese = $72.000/anno
Costo per correggere l’LCP: 0-$500 (spesso gratis, a volte richiede un hosting migliore)
ROI: 14.400% se paghi $500 per correggerlo
Quale metrica conta di più per la tua attività
Non tutti i Core Web Vitals sono ugualmente importanti.
E-commerce: LCP è critico
Perché: Le immagini dei prodotti sono solitamente l’elemento LCP.
Problema: Immagini di prodotti grandi e non ottimizzate = LCP lento = gli utenti abbandonano prima di vedere i prodotti.
Priorità:
- LCP (più importante)
- CLS (secondo: gli utenti odiano gli spostamenti del layout durante il checkout)
- FID (terzo: i bottoni di solito rispondono bene)
Miglioramento rapido: Ottimizza le immagini. Usa il formato WebP. Carica in modo lazy le immagini sotto la piega.
SaaS / Web App: FID/INP è critico
Perché: Gli utenti interagiscono molto (cliccando bottoni, compilando form, usando l’interfaccia).
Problema: JavaScript lento = il click sembra rotto = gli utenti frustrati cancellano la registrazione.
Priorità:
- FID/INP (più importante)
- LCP (secondo: un caricamento lento dei report è fastidioso)
- CLS (terzo: gli spostamenti del layout sono meno comuni nelle app)
Miglioramento rapido: Rimuovi il JavaScript inutilizzato. Differisci gli script non critici.
Blog / Siti di contenuti: LCP e CLS contano
Perché: Gli utenti vengono per leggere. Hanno bisogno che i contenuti carichino velocemente e restino fermi.
Problema: Annunci e immagini causano spostamenti del layout. Le grandi immagini hero rallentano l’LCP.
Priorità:
- LCP (più importante: gli utenti vogliono leggere)
- CLS (secondo: gli annunci che spostano i contenuti sono esasperanti)
- FID (terzo: poca interazione sui post del blog)
Miglioramento rapido: Riserva spazio per gli annunci così non causano spostamenti. Ottimizza le immagini hero.
Lead Gen / Siti di servizi: LCP e CLS per i form
Perché: L’obiettivo è l’invio del form. Gli utenti devono compilare i form senza frustrazione.
Problema: Le immagini rallentano l’LCP. Gli spostamenti del layout rendono i form fastidiosi.
Priorità:
- CLS (più importante: gli spostamenti del form = gli utenti rinunciano)
- LCP (secondo: una landing page veloce = più visualizzazioni del form)
- FID (terzo: i form di solito rispondono bene a meno che non ci sia molto JS)
Miglioramento rapido: Imposta larghezza/altezza esplicite su tutte le immagini. Rimuovi gli elementi che spostano il layout vicino ai form.
Miglioramenti rapidi per metrica
LCP, miglioramenti rapidi
Problema: L’immagine grande carica lentamente.
Correzioni (in ordine di impatto):
-
Ottimizza le immagini (5-10 minuti)
- Converti in formato WebP
- Comprimi con TinyPNG o Squoosh
- Impatto: 30-50% di miglioramento dell’LCP
-
Usa una CDN per le immagini (30 minuti)
- Cloudflare, Cloudinary, o ImgIX
- Serve le immagini dal server più vicino all’utente
- Impatto: 20-40% di miglioramento dell’LCP
-
Precarica l’immagine LCP (10 minuti)
- Aggiungi all’
<head>:<link rel="preload" as="image" href="hero.jpg"> - Il browser la carica immediatamente
- Impatto: 10-30% di miglioramento dell’LCP
- Aggiungi all’
-
Rimuovi le risorse che bloccano il rendering (30-60 minuti)
- Differisci il CSS non critico
- Sposta il JavaScript in fondo o differiscilo
- Impatto: 20-50% di miglioramento dell’LCP
Miglioramento previsto: 1-2 secondi in meno sull’LCP
Tempo: 1-2 ore
Costo: $0 (strumenti gratuiti)
FID/INP, miglioramenti rapidi
Problema: JavaScript blocca il main thread.
Correzioni (in ordine di impatto):
-
Rimuovi il JavaScript inutilizzato (30 minuti)
- Controlla la tab Coverage in Chrome DevTools
- Rimuovi i plugin che non usi
- Impatto: 30-60% di miglioramento del FID
-
Differisci il JavaScript non critico (15 minuti)
- Aggiungi l’attributo
defer:<script defer src="script.js"> - Carica gli script dopo che la pagina è interattiva
- Impatto: 40-70% di miglioramento del FID
- Aggiungi l’attributo
-
Usa il code splitting (60 minuti, tecnico)
- Carica solo il JavaScript necessario per la pagina corrente
- Richiede modifiche al build tool
- Impatto: 50-80% di miglioramento del FID
-
Aggiorna l’hosting (se sei su shared hosting lento)
- Passa a un server più veloce
- Più CPU = esecuzione JS più veloce
- Impatto: 20-50% di miglioramento del FID
Miglioramento previsto: 100-200ms in meno sul FID
Tempo: 1-3 ore
Costo: 0-$50/mese (se aggiorni l’hosting)
CLS, miglioramenti rapidi
Problema: Gli elementi caricano e spostano i contenuti più in basso.
Correzioni (in ordine di impatto):
-
Imposta dimensioni esplicite per le immagini (30 minuti)
- Aggiungi width e height:
<img src="photo.jpg" width="800" height="600"> - Il browser riserva spazio prima che l’immagine carichi
- Impatto: 50-80% di miglioramento del CLS
- Aggiungi width e height:
-
Riserva spazio per gli annunci (15 minuti)
- Aggiungi min-height ai container degli annunci
- Previene lo spostamento quando l’annuncio carica
- Impatto: 30-60% di miglioramento del CLS
-
Usa font-display: swap (5 minuti)
- Aggiungi a
@font-face:font-display: swap; - Mostra il font di fallback immediatamente invece del testo vuoto
- Impatto: 20-40% di miglioramento del CLS
- Aggiungi a
-
Evita di inserire contenuti sopra i contenuti esistenti (varia)
- Non aggiungere banner che spingono i contenuti più in basso
- Carica i contenuti dinamici nello spazio riservato
- Impatto: elimina del tutto il CLS se fatto bene
Miglioramento previsto: CLS da 0,25 a sotto 0,1
Tempo: 1-2 ore
Costo: $0
Quando dare priorità vs quando ignorare
Dai priorità ai Core Web Vitals se:
Alto traffico, bassa conversione:
- 10.000+ visite/mese ma sotto il 2% di conversione
- Migliorare la velocità potrebbe sbloccare ricavi significativi
E-commerce:
- Ogni frazione di secondo = più vendite
- Facile calcolare il ROI
Traffico prevalentemente mobile:
- Gli utenti mobile sono più sensibili ai siti lenti
- I Core Web Vitals mobile sono spesso peggiori del desktop
Nicchia competitiva:
- I competitor hanno punteggi migliori
- A parità di tutto il resto, stai perdendo contro siti più veloci
Traffico a pagamento:
- Stai pagando per click che abbandonano a causa del sito lento
- Spesa pubblicitaria sprecata
Riduci la priorità dei Core Web Vitals se:
Basso traffico:
- Sotto le 1.000 visite/mese
- Correggere altre cose (contenuti, SEO, marketing) avrà un impatto maggiore
Conversione già alta:
- Tasso di conversione del 5%+
- La velocità non è il tuo fattore limitante
Problemi di qualità dei contenuti:
- Contenuti scarni, nessuna proposta di valore, offerta poco chiara
- Correggi prima questi prima di ottimizzare la velocità
B2B con utenti pazienti:
- I clienti enterprise aspetteranno report complessi
- Non così sensibili a ritardi di 1-2 secondi
Contenuti di notizie/urgenza:
- Siti di breaking news
- Gli utenti aspetteranno se i contenuti sono abbastanza preziosi
Come controllare i tuoi Core Web Vitals
Metodo 1: PageSpeed Insights (gratis, veloce)
- Vai su PageSpeed Insights
- Inserisci il tuo URL
- Aspetta 30-60 secondi
- Vedi i punteggi per Mobile e Desktop
Pro:
- Gratis
- Veloce
- Strumento ufficiale di Google
Contro:
- Testa solo una pagina alla volta
- Dati di laboratorio (simulati), non dati di utenti reali
Metodo 2: Google Search Console (gratis, utenti reali)
- Vai su Search Console > Esperienza > Core Web Vitals
- Vedi i dati di utenti reali da visitatori effettivi
- Mostra quali pagine hanno punteggi scarsi, da migliorare o buoni
Pro:
- Dati di utenti reali (field data)
- Mostra tutte le tue pagine
- Gratis
Contro:
- Serve abbastanza traffico per i dati
- Aggiornato settimanalmente, non in tempo reale
Metodo 3: Site Audit (veloce, azionabile)
- Esegui Site Audit ($50)
- Ottieni i punteggi dei Core Web Vitals più una lista di correzioni prioritizzata
- Vedi gli elementi esatti che causano problemi
- Ottieni una guida all’implementazione
Pro:
- Correzioni specifiche con priorità
- Spiegazioni tecniche e non tecniche
- Audit completo del sito, non solo di una pagina
Contro:
- Costa $50 (ma ti risparmia ore di diagnosi)
Esegui Site Audit per controllare i Core Web Vitals
Errori comuni
Errore 1: Inseguire il punteggio 100/100
Problema: Ossessionarsi su un punteggio PageSpeed perfetto.
Realtà:
- 90+ è ottimo
- 80-89 va abbastanza bene per la maggior parte delle aziende
- Passare da 90 a 100 ha un impatto minimo sul business
Approccio migliore: Arriva a 80-90, poi concentrati su contenuti e marketing.
Errore 2: Ignorare il mobile
Problema: Controllare solo i punteggi desktop.
Realtà:
- Il 60-70% del traffico è mobile
- I punteggi mobile sono solitamente peggiori
- Google fa il ranking sulla base delle prestazioni mobile
Correzione: Controlla sempre prima i punteggi mobile.
Errore 3: Ottimizzare le pagine sbagliate
Problema: Correggere la homepage mentre le pagine prodotto sono lente.
Realtà: Ottimizza le pagine che generano ricavi:
- Pagine prodotto (e-commerce)
- Landing page (lead gen)
- Pagina pricing (SaaS)
- Post del blog con il traffico più alto
Correzione: Esegui Site Audit sulle tue 5 pagine principali che generano ricavi, non solo sulla homepage.
Errore 4: Rompere la funzionalità per la velocità
Problema: Rimuovere funzioni critiche per migliorare i punteggi.
Realtà:
- Il widget di chat aggiunge 500ms ma genera il 20% delle conversioni
- Rimuoverlo per un punteggio migliore = perdita di ricavi
Correzione: Ottimizza intorno alle funzioni critiche. Non rimuoverle.
Tempistica prevista
Settimana 1: miglioramenti rapidi
- Ottimizza le immagini (WebP, compressione)
- Aggiungi width/height alle immagini
- Differisci il JavaScript non critico
Miglioramento previsto:
- LCP: 1-2 secondi più veloce
- CLS: 50-70% migliore
Settimane 2-3: correzioni più profonde
- Configura una CDN
- Rimuovi il JavaScript inutilizzato
- Correggi le risorse che bloccano il rendering
Miglioramento previsto:
- LCP: 30-40% di miglioramento aggiuntivo
- FID: 50-70% migliore
Mese 2: monitoraggio e iterazione
- Monitora i dati di utenti reali in Search Console
- Traccia i cambiamenti del tasso di conversione
- Affina in base all’impatto
Miglioramento previsto:
- Tasso di conversione: aumento del 10-30%
- Ricavi: incremento misurabile
In conclusione
I Core Web Vitals sono tre metriche di velocità che Google misura:
- LCP: quanto velocemente carica il contenuto principale
- FID/INP: quanto velocemente il sito risponde ai click
- CLS: quanto i contenuti saltano in giro
Impatto sul business:
- Piccolo fattore di ranking
- Grande fattore di conversione (ogni secondo = 7% di perdita di conversioni)
Priorità per tipo di business:
- E-commerce: LCP per primo
- SaaS: FID/INP per primo
- Blog: LCP e CLS
- Lead gen: CLS per primo
Miglioramenti rapidi:
- Ottimizza le immagini (1-2 ore, gratis)
- Differisci il JavaScript (30 minuti, gratis)
- Imposta le dimensioni delle immagini (30 minuti, gratis)
ROI previsto: Una correzione da $500 può generare $72.000/anno di ricavi aggiuntivi per un tipico sito e-commerce.
Non inseguire i punteggi 100/100. Arriva a 80-90 e concentrati su contenuti e marketing.
Letture correlate: