{"id":25689,"date":"2026-03-20T10:00:00","date_gmt":"2026-03-20T09:00:00","guid":{"rendered":"https:\/\/soccorsowp.it\/blog\/?p=25689"},"modified":"2026-03-20T10:00:00","modified_gmt":"2026-03-20T09:00:00","slug":"ottimizzare-core-web-vitals-wordpress","status":"publish","type":"post","link":"https:\/\/soccorsowp.it\/blog\/ottimizzare-core-web-vitals-wordpress\/","title":{"rendered":"Come ottimizzare i Core Web Vitals di WordPress"},"content":{"rendered":"<h1>Come ottimizzare i Core Web Vitals di WordPress<\/h1>\n<p>I <strong>Core Web Vitals<\/strong> sono le metriche di Google che misurano l&#8217;esperienza utente del tuo sito in termini di velocit\u00e0, reattivit\u00e0 e stabilit\u00e0 visiva. Dal 2021, sono un <strong>fattore di ranking <a href=\"https:\/\/soccorsowp.it\/blog\/couponxl-coupon-wordpress\/\">SEO<\/a><\/strong> ufficiale: un sito con buoni Core Web Vitals ha un vantaggio nel posizionamento rispetto a uno con metriche scarse. In questa guida ti mostro come misurare e <strong>ottimizzare i Core Web Vitals<\/strong> del tuo sito <a href=\"https:\/\/soccorsowp.it\/blog\/blocco-di-contenuti-opt-in-per-wordpress\/\">WordPress<\/a> con interventi concreti e misurabili.<\/p>\n<h2>Le tre metriche fondamentali<\/h2>\n<p>I Core Web Vitals si compongono di tre metriche:<\/p>\n<ul>\n<li><strong>LCP (Largest Contentful Paint):<\/strong> misura il tempo necessario per rendere visibile l&#8217;elemento pi\u00f9 grande della viewport (di solito l&#8217;immagine hero o il titolo principale). Un buon LCP \u00e8 <strong>sotto i 2.5 secondi<\/strong>.<\/li>\n<li><strong>INP (Interaction to Next Paint):<\/strong> misura la reattivit\u00e0 del sito alle interazioni dell&#8217;utente (clic, tap, input). Un buon INP \u00e8 <strong>sotto i 200 millisecondi<\/strong>. Ha sostituito il FID (First Input Delay) nel 2024.<\/li>\n<li><strong>CLS (Cumulative Layout Shift):<\/strong> misura la stabilit\u00e0 visiva della pagina, ovvero quanto gli elementi si spostano durante il caricamento. Un buon CLS \u00e8 <strong>sotto 0.1<\/strong>.<\/li>\n<\/ul>\n<h2>Come misurare i Core Web Vitals<\/h2>\n<p>Puoi misurare i Core Web Vitals con diversi strumenti:<\/p>\n<ul>\n<li><strong>PageSpeed Insights:<\/strong> lo strumento principale di Google. Mostra sia dati di laboratorio (simulati) che dati di campo (da utenti reali Chrome). I dati di campo sono quelli usati per il ranking.<\/li>\n<li><strong>Google Search Console:<\/strong> la sezione &#8220;Esperienza sulle pagine&#8221; mostra lo stato dei Core Web Vitals per tutto il sito, raggruppando le pagine in buone, da migliorare e scarse.<\/li>\n<li><strong>Chrome DevTools:<\/strong> il tab Performance permette analisi dettagliate del caricamento con waterfall completo.<\/li>\n<li><strong>Web Vitals Extension:<\/strong> un&#8217;estensione Chrome che mostra i Core Web Vitals in tempo reale mentre navighi il sito.<\/li>\n<\/ul>\n<p>Testa sempre sia la versione desktop che quella mobile. Le prestazioni mobile sono solitamente peggiori e sono quelle che Google usa per il ranking (mobile-first indexing).<\/p>\n<h2>Ottimizzare il LCP<\/h2>\n<p>Il LCP dipende principalmente dalla velocit\u00e0 con cui l&#8217;elemento pi\u00f9 grande viene caricato e renderizzato. Le cause pi\u00f9 comuni di un LCP lento e le soluzioni:<\/p>\n<ul>\n<li><strong>Immagine hero non ottimizzata:<\/strong> l&#8217;immagine principale della pagina \u00e8 spesso l&#8217;elemento LCP. Comprimi l&#8217;immagine, usa il formato WebP o AVIF e specifica sempre gli attributi <span style=\"font-family: monospace\">width<\/span> e <span style=\"font-family: monospace\">height<\/span>. Un plugin come ShortPixel o Imagify comprime automaticamente le immagini al caricamento.<\/li>\n<li><strong>Preload dell&#8217;immagine LCP:<\/strong> aggiungi un tag <span style=\"font-family: monospace\">link rel=&#8221;preload&#8221;<\/span> nell&#8217;head per l&#8217;immagine hero, dicendo al browser di iniziare a scaricarla immediatamente senza aspettare il parsing del CSS.<\/li>\n<li><strong>Non usare lazy load sull&#8217;immagine LCP:<\/strong> il lazy loading ritarda il caricamento delle immagini fino a quando non sono visibili nel viewport. L&#8217;immagine LCP \u00e8 gi\u00e0 nel viewport \u2014 il lazy loading la rallenta. Escludi l&#8217;immagine hero dal lazy loading.<\/li>\n<li><strong>Server lento (TTFB alto):<\/strong> se il server impiega troppo tempo a rispondere, l&#8217;LCP ne risente direttamente. Attiva la cache di pagina e ottimizza il server come descritto nella nostra guida sul TTFB.<\/li>\n<li><strong>CSS e JS bloccanti il rendering:<\/strong> fogli di stile e script nel tag head bloccano il rendering della pagina. Minimizza il CSS critico, differisci i CSS non essenziali e carica i JavaScript con <span style=\"font-family: monospace\">defer<\/span> o <span style=\"font-family: monospace\">async<\/span>.<\/li>\n<\/ul>\n<h2>Ottimizzare l&#8217;INP<\/h2>\n<p>L&#8217;INP misura quanto rapidamente il sito risponde alle interazioni. Un INP alto significa che il browser \u00e8 impegnato a eseguire JavaScript pesante e non risponde immediatamente ai clic dell&#8217;utente. Le soluzioni:<\/p>\n<ul>\n<li><strong>Ridurre il JavaScript:<\/strong> ogni script caricato compete per il tempo di esecuzione del browser. Rimuovi i JavaScript non necessari con un plugin come <strong>Asset CleanUp<\/strong> che permette di disabilitare script specifici per pagina.<\/li>\n<li><strong>Differire gli script non critici:<\/strong> usa l&#8217;attributo <span style=\"font-family: monospace\">defer<\/span> per gli script che non sono necessari per il rendering iniziale. WP Rocket e Flying Scripts possono ritardare il caricamento degli script fino alla prima interazione dell&#8217;utente.<\/li>\n<li><strong>Evitare layout complessi:<\/strong> elementi con animazioni CSS pesanti, carousel con molte slide o mega menu con centinaia di voci richiedono elaborazione significativa a ogni interazione.<\/li>\n<li><strong>Ridurre i plugin che aggiungono JavaScript frontend:<\/strong> plugin di chat, popup, countdown, social sharing e analytics aggiungono tutti script che competono per le risorse del browser. Minimizza il numero di script frontend.<\/li>\n<\/ul>\n<h2>Ottimizzare il CLS<\/h2>\n<p>Il CLS misura gli spostamenti inaspettati degli elementi durante il caricamento. Nulla \u00e8 pi\u00f9 frustrante di cliccare un pulsante e vedere la pagina spostarsi proprio in quel momento, facendoti cliccare qualcos&#8217;altro. Le cause e soluzioni:<\/p>\n<ul>\n<li><strong>Immagini senza dimensioni:<\/strong> se le immagini non hanno attributi <span style=\"font-family: monospace\">width<\/span> e <span style=\"font-family: monospace\">height<\/span>, il browser non sa quanto spazio riservare fino al caricamento dell&#8217;immagine. Quando l&#8217;immagine appare, il contenuto sottostante si sposta. WordPress aggiunge automaticamente le dimensioni alle immagini caricate nella libreria media \u2014 il problema si verifica con immagini aggiunte manualmente nel codice.<\/li>\n<li><strong>Font che causano FOUT\/FOIT:<\/strong> il caricamento dei font web pu\u00f2 causare un flash di testo non stilizzato (FOUT) o un flash di testo invisibile (FOIT). Usa <span style=\"font-family: monospace\">font-display: swap<\/span> nei tuoi @font-face e precarica i font critici.<\/li>\n<li><strong>Annunci e embed:<\/strong> banner pubblicitari, video YouTube incorporati e widget social che si caricano in ritardo spostano il contenuto. Riserva spazio fisso per questi elementi con dimensioni CSS esplicite.<\/li>\n<li><strong>Contenuto iniettato dinamicamente:<\/strong> banner di cookie consent, barre di notifica e popup che appaiono dopo il caricamento possono spostare il contenuto. Posizionali con <span style=\"font-family: monospace\">position: fixed<\/span> per evitare che influenzino il layout.<\/li>\n<\/ul>\n<h2>Plugin consigliati per i Core Web Vitals<\/h2>\n<ul>\n<li><strong>WP Rocket:<\/strong> il plugin pi\u00f9 completo per le prestazioni. Gestisce cache, preload, lazy loading, minificazione, rimozione CSS inutilizzato e delay JavaScript in un unico strumento.<\/li>\n<li><strong>Perfmatters:<\/strong> plugin leggero per disabilitare funzionalit\u00e0 WordPress non necessarie, gestire script per pagina e ottimizzare il caricamento delle risorse.<\/li>\n<li><strong>ShortPixel o Imagify:<\/strong> compressione automatica delle immagini e conversione in WebP.<\/li>\n<li><strong>Asset CleanUp:<\/strong> gratuito, permette di disabilitare CSS e JavaScript di plugin specifici su pagine dove non servono.<\/li>\n<li><strong>Flying Scripts:<\/strong> gratuito, ritarda il caricamento degli script non critici fino alla prima interazione dell&#8217;utente.<\/li>\n<\/ul>\n<h2>Vuoi migliorare i Core Web Vitals?<\/h2>\n<p>L&#8217;ottimizzazione dei Core Web Vitals richiede un&#8217;analisi specifica per ogni sito, perch\u00e9 le cause delle metriche scarse variano in base a tema, plugin, contenuti e configurazione server. Il team di <strong><a href=\"https:\/\/soccorsowp.it\/blog\/i-migliori-plugin-woocommerce-per-dominare-il-black-friday\/\">SoccorsoWP<\/a><\/strong> pu\u00f2 eseguire un audit completo dei Core Web Vitals del tuo sito, identificare i problemi specifici e implementare le ottimizzazioni necessarie per portare tutte le metriche nel verde. <a href=\"https:\/\/soccorsowp.it\/ticket\/\">Apri un ticket<\/a> e migliora il ranking del tuo sito.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come ottimizzare i Core Web Vitals di WordPress I Core Web Vitals sono le metriche di Google che misurano l&#8217;esperienza utente del tuo sito in&#8230;<\/p>\n","protected":false},"author":1,"featured_media":25690,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Core Web Vitals WordPress: come ottimizzare LCP, INP e CLS","_seopress_titles_desc":"Guida completa all'ottimizzazione dei Core Web Vitals in WordPress: LCP, INP e CLS. Strumenti di misurazione, plugin e interventi pratici.","_seopress_robots_index":"","footnotes":""},"categories":[1699],"tags":[],"class_list":{"0":"post-25689","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-performance-e-ottimizzazione"},"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/comments?post=25689"}],"version-history":[{"count":1,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25689\/revisions"}],"predecessor-version":[{"id":26178,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25689\/revisions\/26178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25690"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}