{"id":13106,"date":"2026-09-06T07:56:10","date_gmt":"2026-09-06T07:56:10","guid":{"rendered":"https:\/\/andreafreelance.com\/?p=13106"},"modified":"2026-09-06T07:56:12","modified_gmt":"2026-09-06T07:56:12","slug":"core-web-vitals-wordpress","status":"publish","type":"post","link":"https:\/\/andreafreelance.com\/en\/core-web-vitals-wordpress\/","title":{"rendered":"Core Web Vitals WordPress: correggi LCP, CLS e INP"},"content":{"rendered":"\n\n
\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n Vota questo post<\/span>\n <\/div>\n <\/div>\n\n

Un sito WordPress lento non perde solo punti nei test. Perde telefonate, richieste di preventivo, carrelli e appuntamenti.<\/p>\n\n\n\n

I Core Web Vitals WordPress<\/strong> mostrano cosa accade davvero quando una persona apre una pagina, aspetta un’immagine o prova a inviare un form. Se il sito \u00e8 macchinoso su smartphone, l’utente non aspetta. Torna su Google e sceglie un concorrente.<\/p>\n\n\n\n

L’obiettivo non \u00e8 inseguire un punteggio perfetto. L’obiettivo \u00e8 rendere veloci le pagine che portano contatti e vendite.<\/p>\n\n\n\n

Core Web Vitals WordPress: cosa misurano davvero<\/h2>\n\n\n\n

Google valuta tre segnali legati all’esperienza dell’utente: velocit\u00e0 di caricamento, stabilit\u00e0 visiva e risposta alle interazioni. Le linee guida ufficiali sui Core Web Vitals<\/a> spiegano come leggere LCP, CLS e INP.<\/p>\n\n\n\n

Metrica<\/th>Cosa misura<\/th>Valore buono<\/th><\/tr><\/thead>
LCP<\/td>Quando appare il contenuto principale<\/td>Entro 2,5 secondi<\/td><\/tr>
CLS<\/td>Quanto si spostano gli elementi della pagina<\/td>Fino a 0,1<\/td><\/tr>
INP<\/td>Quanto rapidamente il sito risponde a un’azione<\/td>Entro 200 ms<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Google valuta questi valori sui dati reali, al 75esimo percentile delle visite. Non conta il test perfetto fatto una mattina dal tuo computer. Conta l’esperienza di chi naviga con un telefono, una rete debole o un browser meno recente.<\/p>\n\n\n\n

\n

Un sito con una homepage veloce e pagine servizio lente resta un problema. Le pagine da controllare sono quelle che ricevono traffico e generano contatti.<\/p>\n<\/blockquote>\n\n\n\n

Misura prima di modificare WordPress<\/h2>\n\n\n\n

Non partire installando plugin a caso. Un plugin pu\u00f2 risolvere un problema e crearne altri tre. Prima serve capire quale pagina rallenta, quale dispositivo soffre e cosa blocca il caricamento.<\/p>\n\n\n\n

Unisci dati di campo e dati di laboratorio<\/h3>\n\n\n\n

PageSpeed Insights mostra sia una simulazione tecnica sia i dati reali, quando disponibili. Lighthouse \u00e8 utile per vedere file pesanti, script e CSS che bloccano il rendering. Search Console, invece, raggruppa le URL che presentano problemi per mobile e desktop.<\/p>\n\n\n\n

Il report Core Web Vitals di Google Search Console<\/a> \u00e8 il punto di partenza per capire se il problema riguarda molte pagine o un template preciso.<\/p>\n\n\n\n

\"Specialista<\/figure>\n\n\n\n

Controlla almeno tre URL: homepage, pagina servizio o prodotto, pagina contatti. Sono spesso pagine costruite in modo diverso e con criticit\u00e0 diverse.<\/p>\n\n\n\n

Per un controllo ordinato, puoi seguire questa guida all’analisi delle performance di un sito<\/a>. Ti aiuta a separare i problemi del server, delle immagini e del codice.<\/p>\n\n\n\n

Parti sempre dal mobile<\/h3>\n\n\n\n

Un valore medio pu\u00f2 nascondere un problema serio. Un sito pu\u00f2 caricare bene su desktop e avere un LCP scarso su smartphone. Lo stesso vale per le conversioni.<\/p>\n\n\n\n

Un tasso di contatto medio del 2% pu\u00f2 nascondere un 4% da desktop e uno 0,8% da mobile. In quel caso non serve rifare tutta la comunicazione. Va controllato il percorso mobile: velocit\u00e0, CTA, form, numero di telefono cliccabile e navigazione.<\/p>\n\n\n\n

Correggere il LCP: fai apparire subito il contenuto importante<\/h2>\n\n\n\n

LCP significa Largest Contentful Paint. In pratica misura quando l’elemento pi\u00f9 grande visibile nella prima schermata diventa disponibile. Spesso \u00e8 l’immagine hero, il titolo principale o il banner di una pagina.<\/p>\n\n\n\n

Ottimizza l’immagine principale, non solo tutte le immagini<\/h3>\n\n\n\n

L’errore pi\u00f9 comune \u00e8 caricare una fotografia enorme nella testata. Una foto da 4 MB non diventa leggera perch\u00e9 \u00e8 visualizzata piccola.<\/p>\n\n\n\n

Esporta immagini nelle dimensioni utili, usa WebP o AVIF quando compatibile, attiva srcset<\/code> e servi una versione adatta allo schermo. L’immagine che genera il LCP non va caricata in lazy loading. Deve arrivare subito.<\/p>\n\n\n\n

Evita anche slider pesanti nella parte alta della pagina. Un’azienda non ha bisogno di cinque fotografie che scorrono per spiegare un servizio. Serve un messaggio chiaro, un’immagine ottimizzata e una CTA visibile.<\/p>\n\n\n\n

Riduci i ritardi del server e delle risorse<\/h3>\n\n\n\n

Un hosting economico e sovraccarico pu\u00f2 rallentare tutto prima ancora che WordPress inizi a mostrare la pagina. Controlla il TTFB, attiva una cache pagina affidabile e valuta una CDN se il sito riceve visite da zone diverse.<\/p>\n\n\n\n

CSS inutilizzato, font caricati in modo errato e JavaScript del builder possono ritardare l’LCP. Se usi Elementor, leggi anche come intervenire su Elementor e prestazioni del sito<\/a>: il problema non \u00e8 il builder in s\u00e9, ma come vengono caricati widget, animazioni e script.<\/p>\n\n\n\n

\"Smartphone<\/figure>\n\n\n\n

Ridurre il CLS e fermare gli spostamenti del layout<\/h2>\n\n\n\n

CLS significa Cumulative Layout Shift. \u00c8 il fastidio di una pagina che si muove mentre stai per cliccare. Premi un pulsante e, un attimo prima, compare un banner. Hai cliccato altro. Risultato: frustrazione e uscita dal sito.<\/p>\n\n\n\n

Riserva lo spazio per immagini, video e moduli<\/h3>\n\n\n\n

Ogni immagine, iframe, video YouTube, mappa e box pubblicitario deve avere dimensioni definite. WordPress pu\u00f2 inserire automaticamente larghezza e altezza nelle immagini, ma i problemi arrivano spesso da embed, widget e codice aggiunto dal tema.<\/p>\n\n\n\n

Usa width<\/code> e height<\/code>, oppure definisci un rapporto d’aspetto nel CSS. La pagina sapr\u00e0 gi\u00e0 quanto spazio lasciare libero prima del caricamento dell’elemento.<\/p>\n\n\n\n