Technical SEO

Come migliorare i Core Web Vitals

14 min di lettura

I Core Web Vitals sono le metriche di Google per misurare l'esperienza utente reale sul tuo sito web. Hanno un impatto diretto sul tuo posizionamento nella ricerca e, cosa ancora più importante, determinano se i visitatori restano o abbandonano. Questa guida copre ottimizzazioni pratiche e ad alto impatto per ogni parametro vitale, classificate in base al rapporto sforzo-impatto.

learn.sections.stepByStep

Measure Your Current Core Web Vitals

Check your scores using Google Search Console's Core Web Vitals report for field data, and PageSpeed Insights for both field and lab data. Field data reflects real user experience and matters more for rankings. Note which pages fail and which metric is the primary issue.

Optimize Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest visible element to load. Target under 2.5 seconds. Common fixes: optimize and properly size hero images, use modern formats like WebP or AVIF, implement server-side rendering for above-the-fold content, and reduce server response time with caching.

Improve Interaction to Next Paint (INP)

INP measures how quickly your page responds to user interactions. Target under 200 milliseconds. Reduce JavaScript execution time by breaking up long tasks, defer non-critical scripts, minimize main thread blocking, and use web workers for heavy computations.

Fix Cumulative Layout Shift (CLS)

CLS measures unexpected layout movement during page load. Target under 0.1. Always set explicit width and height on images and videos, reserve space for ads and embeds, avoid injecting content above existing content, and use CSS contain on dynamic elements.

Implement Infrastructure Improvements

Use a CDN to reduce latency for global users, enable HTTP/2 or HTTP/3 for multiplexed requests, implement effective browser caching headers, and use resource hints (preconnect, prefetch, preload) for critical assets. These foundational changes improve all three vitals.

Monitor and Maintain Performance

Set up Real User Monitoring (RUM) to track vitals continuously, not just during audits. Create performance budgets for JavaScript size and image weight. Add Core Web Vitals checks to your CI/CD pipeline to prevent regressions when deploying new code.

Misura i tuoi attuali Core Web Vitals

Controlla i tuoi punteggi utilizzando il rapporto Core Web Vitals di Google Search Console per i dati reali (field data) e PageSpeed Insights sia per i dati reali che per quelli di laboratorio (lab data). I dati reali riflettono l'esperienza utente effettiva e sono più importanti per il posizionamento. Nota quali pagine non superano i test e quale metrica rappresenta il problema principale.

Ottimizza il Largest Contentful Paint (LCP)

L'LCP misura quanto tempo impiega l'elemento visibile più grande a caricarsi. L'obiettivo è restare sotto i 2,5 secondi. Correzioni comuni: ottimizza e ridimensiona correttamente le immagini hero, utilizza formati moderni come WebP o AVIF, implementa il rendering lato server per i contenuti above-the-fold e riduci il tempo di risposta del server con la cache.

Migliora l'Interaction to Next Paint (INP)

L'INP misura la rapidità con cui la pagina risponde alle interazioni dell'utente. L'obiettivo è restare sotto i 200 millisecondi. Riduci il tempo di esecuzione di JavaScript suddividendo le attività lunghe, rimanda gli script non critici, minimizza il blocco del thread principale e utilizza i web worker per i calcoli pesanti.

Risolvi il Cumulative Layout Shift (CLS)

Il CLS misura gli spostamenti imprevisti del layout durante il caricamento della pagina. L'obiettivo è restare sotto 0,1. Imposta sempre larghezza e altezza esplicite per immagini e video, riserva lo spazio per annunci ed embed, evita di inserire contenuti sopra quelli esistenti e usa la proprietà CSS contain sugli elementi dinamici.

Implementa miglioramenti all'infrastruttura

Utilizza una CDN per ridurre la latenza per gli utenti globali, abilita HTTP/2 o HTTP/3 per richieste multiple, implementa header di caching efficaci del browser e utilizza i resource hint (preconnect, prefetch, preload) per le risorse critiche. Questi cambiamenti fondamentali migliorano tutti e tre i segnali vitali.

Monitora e mantieni le performance

Configura il Real User Monitoring (RUM) per tracciare i parametri vitali in modo continuo, non solo durante gli audit. Crea budget di performance per le dimensioni di JavaScript e il peso delle immagini. Aggiungi controlli sui Core Web Vitals alla tua pipeline CI/CD per prevenire regressioni durante il deploy di nuovo codice.

Consigli pro

Focus on the 75th percentile, not the average. Google evaluates Core Web Vitals at the 75th percentile of page loads -- your worst-performing 25% of sessions determines your score.
Test on real devices, not just developer tools. Chrome DevTools simulates slower devices, but real mobile devices often perform differently due to memory constraints and thermal throttling.
Lazy-load everything below the fold but preload everything above it. This simple rule handles most LCP and CLS issues simultaneously.
Concentrati sul 75° percentile, non sulla media. Google valuta i Core Web Vitals al 75° percentile dei caricamenti di pagina: il 25% delle sessioni con le performance peggiori determina il tuo punteggio.
Testa su dispositivi reali, non solo con strumenti per sviluppatori. Chrome DevTools simula dispositivi più lenti, ma i veri dispositivi mobili spesso si comportano in modo diverso a causa di vincoli di memoria e throttling termico.
Applica il lazy-loading a tutto ciò che è sotto la piega (below the fold), ma precarica tutto ciò che è sopra. Questa semplice regola risolve la maggior parte dei problemi di LCP e CLS contemporaneamente.

Errori comuni da evitare

Optimizing lab scores instead of field data

Lab data (Lighthouse) is useful for debugging but field data (CrUX) is what Google uses for rankings. A perfect Lighthouse score doesn't help if real users on slow connections experience poor performance.

Adding lazy loading to above-the-fold images

Lazy loading delays image rendering until they're near the viewport. For your hero image or LCP element, this actually makes LCP worse. Eager-load above-the-fold content and lazy-load everything else.

Ignoring third-party scripts

Analytics tags, chat widgets, ad scripts, and social embeds often cause the worst INP and CLS issues. Audit every third-party script, load non-critical ones asynchronously, and consider removing scripts that provide little value.

Ottimizzare i punteggi di laboratorio invece dei dati reali

I dati di laboratorio (Lighthouse) sono utili per il debugging, ma i dati reali (CrUX) sono quelli utilizzati da Google per il posizionamento. Un punteggio Lighthouse perfetto non serve se gli utenti reali su connessioni lente riscontrano performance scadenti.

Aggiungere il lazy loading alle immagini above-the-fold

Il lazy loading ritarda il rendering delle immagini finché non si trovano vicino alla viewport. Per la tua immagine hero o l'elemento LCP, questo peggiora effettivamente l'LCP. Carica immediatamente i contenuti above-the-fold e usa il lazy loading per tutto il resto.

Ignorare gli script di terze parti

Tag di analisi, widget di chat, script pubblicitari ed embed social causano spesso i peggiori problemi di INP e CLS. Analizza ogni script di terze parti, carica quelli non critici in modo asincrono e valuta la rimozione degli script che offrono scarso valore.

Come Keyword Kick semplifica il lavoro

Continuous Core Web Vitals tracking with historical trends for every audited page
Specific, actionable recommendations for each failing metric with estimated impact
Automated alerts when Core Web Vitals regress after site changes
Tracciamento continuo dei Core Web Vitals con trend storici per ogni pagina analizzata
Raccomandazioni specifiche e attuabili per ogni metrica deficitaria con impatto stimato
Avvisi automatici quando i Core Web Vitals regrediscono dopo modifiche al sito

learn.sections.faq

Do Core Web Vitals directly affect rankings?

Yes, Core Web Vitals are a confirmed Google ranking factor as part of the Page Experience signals. However, they're one of many factors. Great content with poor vitals can still outrank mediocre content with perfect scores, but all else being equal, better vitals win.

What's a good LCP score?

Google considers LCP under 2.5 seconds as good, 2.5-4.0 seconds as needs improvement, and over 4.0 seconds as poor. Aim for under 2.0 seconds to give yourself a buffer, especially for mobile users on slower connections.

How quickly do Core Web Vitals improvements affect rankings?

Google's CrUX data is collected over a rolling 28-day period. After fixing performance issues, expect 4-6 weeks before the improvements are reflected in Search Console's Core Web Vitals report and begin impacting rankings.

I Core Web Vitals influenzano direttamente il posizionamento?

Sì, i Core Web Vitals sono un fattore di ranking confermato da Google come parte dei segnali relativi all'esperienza sulla pagina. Tuttavia, sono solo uno dei tanti fattori. Ottimi contenuti con parametri scadenti possono comunque superare contenuti mediocri con punteggi perfetti, ma a parità di condizioni, i parametri migliori vincono.

Qual è un buon punteggio LCP?

Google considera un LCP inferiore a 2,5 secondi come buono, tra 2,5 e 4,0 secondi come da migliorare e superiore a 4,0 secondi come scarso. Punta a un valore inferiore a 2,0 secondi per avere un margine di sicurezza, specialmente per gli utenti mobile su connessioni più lente.

Quanto tempo impiegano i miglioramenti ai Core Web Vitals per influenzare il ranking?

I dati CrUX di Google vengono raccolti su un periodo mobile di 28 giorni. Dopo aver risolto i problemi di prestazioni, attendi 4-6 settimane prima che i miglioramenti vengano riflessi nel report Core Web Vitals di Google Search Console e inizino a influenzare il ranking.

learn.cta.button