SEO Tecnico·17 marzo 2026·9 min di lettura

#core-web-vitals #technisches-seo #wordpress

Ottimizzazione Core Web Vitals WordPress: Migliorare LCP, INP e CLS (2026)

I Core Web Vitals sono un fattore di ranking diretto di Google. Ti mostriamo passo dopo passo come migliorare in modo misurabile LCP, INP e CLS sul tuo sito WordPress.

Cosa sono i Core Web Vitals e perché sono un fattore di posizionamento?

Dall'aggiornamento Google Page Experience, i Core Web Vitals sono un fattore di posizionamento diretto — Google li utilizza per valutare quanto velocemente e stabilmente il tuo sito web si carica per gli utenti reali.

Le tre metriche in sintesi:

LCP (Largest Contentful Paint): Quanto velocemente si carica l'elemento visibile più grande? Obiettivo: meno di 2,5 secondi.
INP (Interaction to Next Paint): Quanto velocemente la pagina risponde all'input dell'utente? Obiettivo: meno di 200 ms.
CLS (Cumulative Layout Shift): Quanto è stabile il layout durante il caricamento? Obiettivo: meno di 0,1.

Secondo i dati di HTTP Archive, solo il 44% di tutti i siti WordPress supera tutte e tre le metriche su dispositivi mobili. Questa è la tua opportunità per superare i concorrenti.

Diagnosi: A che punto sei?

Prima di ottimizzare, devi misurare. Questi strumenti ti mostrano le tue prestazioni attuali:

Google PageSpeed Insights analizza un URL sia in modalità laboratorio che in modalità dati sul campo (dati reali degli utenti dal Chrome User Experience Report). Inserisci le tue pagine più importanti — homepage, pagine di categoria, pagine prodotto.

Google Search Console → Report Core Web Vitals mostra tutte le pagine del tuo dominio classificate come "scarse" o "da migliorare". Questo è il punto di partenza più importante, perché Google utilizza esattamente questi dati per il posizionamento.

WebPageTest.org permette di testare con diversi dispositivi e velocità di rete — ideale per simulare realisticamente l'esperienza utente mobile.

Migliorare il LCP: Caricare l'elemento più grande più velocemente

Il LCP è determinato nella maggior parte dei siti WordPress da un'immagine hero, un titolo H1 o una grande miniatura video.

Ottimizzare le immagini hero:

Fornire immagini in formato WebP (30–50% più piccole di JPEG/PNG)
Contrassegnare l'immagine LCP con fetchpriority="high":
Disattivare esplicitamente il caricamento lazy per l'immagine LCP: loading="eager"

Ridurre il TTFB (Time to First Byte): Un server lento ritarda tutto. Controlla il tuo provider di hosting — per WordPress si consigliano provider con cache lato server. Obiettivo: TTFB inferiore a 800 ms.

Inserire CSS critico inline: I file CSS bloccano il rendering. Strumenti come WP Rocket o NitroPack possono estrarre automaticamente il CSS critico e inserirlo inline nell', mentre il resto si carica in modo asincrono.

Plugin consigliati per il LCP:

WP Rocket — Soluzione all-in-one con precaricamento, CSS critico e ottimizzazione TTFB
Imagify / ShortPixel — Conversione e compressione automatica in WebP
Cloudflare (gratuito) — Il CDN riduce significativamente il TTFB a livello globale

Migliorare l'INP: Far rispondere la pagina alle interazioni

L'INP ha sostituito la vecchia metrica FID nel 2024 e misura il tempo di risposta per tutte le interazioni dell'utente (clic, tocchi, input da tastiera).

Ridurre il JavaScript in eccesso: Ogni plugin non necessario carica JavaScript. Disattiva i plugin che non ti servono. Con la scheda Performance di Chrome DevTools puoi vedere quali script bloccano più a lungo.

Caricare gli script su richiesta: Plugin come Perfmatters permettono di caricare script solo su pagine specifiche o solo dopo l'interazione dell'utente (defer, async).

Eliminare le risorse che bloccano il rendering: Gli script nell' senza defer o async bloccano completamente il rendering. La maggior parte dei plugin moderni si carica correttamente, ma i temi e plugin più vecchi spesso no.

Eliminare il CLS: Niente più spostamenti del layout

Nulla frustra gli utenti più di una pagina che si sposta durante il caricamento, facendoli cliccare sul pulsante sbagliato.

Includere sempre le dimensioni delle immagini: Senza gli attributi width e height, il browser non sa quanto spazio ha bisogno un'immagine prima di caricarla:

<img src="immagine.webp" width="800" height="450" alt="..." />

Stabilizzare i font web: I font personalizzati causano Flash of Invisible Text (FOIT) o Flash of Unstyled Text (FOUT). Soluzione: font-display: swap nella dichiarazione CSS. Ancora meglio: ospitare i font localmente invece di caricarli da Google Fonts.

Riservare spazio per annunci e incorporamenti: Quando annunci, incorporamenti YouTube o banner dei cookie vengono inseriti nella pagina dopo il caricamento, il layout si sposta. Riserva sempre un'altezza fissa per questi elementi tramite CSS.

Monitoraggio: Tenere sotto controllo i valori nel tempo

L'ottimizzazione non è un'operazione una tantum. Ogni nuovo plugin, ogni aggiornamento del tema può peggiorare i Core Web Vitals.

Google Search Console ti avvisa automaticamente quando le pagine scendono nella categoria "scarso".

AniSEO monitora continuamente il tuo sito WordPress e suggerisce proattivamente ottimizzazioni — prima che si verifichi una perdita di posizionamento.

Monitora automaticamente i Core Web Vitals con AniSEO →

Articoli correlati: