{"id":25881,"date":"2026-09-04T10:00:00","date_gmt":"2026-09-04T08:00:00","guid":{"rendered":"https:\/\/soccorsowp.it\/blog\/?p=25881"},"modified":"2026-09-04T10:00:00","modified_gmt":"2026-09-04T08:00:00","slug":"core-web-vitals-wordpress-misurare-migliorare","status":"publish","type":"post","link":"https:\/\/soccorsowp.it\/blog\/core-web-vitals-wordpress-misurare-migliorare\/","title":{"rendered":"Core Web Vitals in WordPress: come misurarli e migliorarli"},"content":{"rendered":"<h1>Core Web Vitals in WordPress: come misurarli e migliorarli<\/h1>\n<p>I <strong>Core Web Vitals<\/strong> sono le metriche che Google usa per valutare l&#8217;esperienza utente del tuo sito. Dal 2021 sono un fattore di ranking: siti con buoni Core Web Vitals hanno un vantaggio nel posizionamento rispetto a quelli con metriche scadenti. In questa guida ti spiego cosa sono, come misurarli e come ottimizzarli in <a href=\"https:\/\/soccorsowp.it\/blog\/blocco-di-contenuti-opt-in-per-wordpress\/\">WordPress<\/a>.<\/p>\n<h2>Le tre metriche dei Core Web Vitals<\/h2>\n<p>I Core Web Vitals si compongono di tre metriche:<\/p>\n<ul>\n<li><strong>Largest Contentful Paint (LCP):<\/strong> misura il tempo necessario per caricare l&#8217;elemento pi\u00f9 grande visibile nella viewport (di solito un&#8217;immagine hero o un blocco di testo). L&#8217;obiettivo \u00e8 <strong>sotto i 2,5 secondi<\/strong>.<\/li>\n<li><strong>Interaction to Next Paint (INP):<\/strong> misura la reattivit\u00e0 del sito alle interazioni dell&#8217;utente (click, tap, pressione tasti). Sostituisce il vecchio FID. L&#8217;obiettivo \u00e8 <strong>sotto i 200 millisecondi<\/strong>.<\/li>\n<li><strong>Cumulative Layout Shift (CLS):<\/strong> misura la stabilit\u00e0 visiva della pagina durante il caricamento. Se gli elementi si spostano mentre la pagina carica, il CLS peggiora. L&#8217;obiettivo \u00e8 <strong>sotto 0,1<\/strong>.<\/li>\n<\/ul>\n<h2>Come misurare i Core Web Vitals<\/h2>\n<p>Ci sono due tipi di dati: <strong>dati di laboratorio<\/strong> (simulati) e <strong>dati di campo<\/strong> (utenti reali). Per il ranking di Google contano i dati di campo.<\/p>\n<p><strong>Google PageSpeed Insights:<\/strong> mostra sia i dati di campo (dal Chrome User Experience Report) sia quelli di laboratorio. \u00c8 il primo strumento da consultare.<\/p>\n<p><strong>Google Search Console:<\/strong> vai nel report <strong>Core Web Vitals<\/strong> per vedere lo stato di tutte le pagine del sito, raggruppate per tipo di problema. Distingue tra mobile e desktop.<\/p>\n<p><strong>Chrome DevTools:<\/strong> nella scheda Performance, puoi registrare il caricamento della pagina e analizzare LCP, INP e CLS in dettaglio.<\/p>\n<p><strong>Web Vitals Extension:<\/strong> un&#8217;estensione Chrome che mostra i Core Web Vitals in tempo reale mentre navighi il sito.<\/p>\n<h2>Migliorare il Largest Contentful Paint (LCP)<\/h2>\n<p>L&#8217;LCP dipende dalla velocit\u00e0 con cui il browser riesce a scaricare e renderizzare il contenuto principale. Le ottimizzazioni pi\u00f9 efficaci:<\/p>\n<ul>\n<li><strong>Ottimizza l&#8217;immagine hero:<\/strong> se l&#8217;elemento LCP \u00e8 un&#8217;immagine, comprimila, servila in formato WebP e aggiungile un tag preload nell&#8217;head.<\/li>\n<li><strong>Implementa il Critical CSS:<\/strong> inline il CSS necessario per il contenuto above the fold ed elimina il CSS render-blocking.<\/li>\n<li><strong>Usa un plugin di caching:<\/strong> la cache genera pagine HTML statiche che vengono servite senza eseguire PHP e query al database.<\/li>\n<li><strong>Abilita la compressione Gzip\/Brotli:<\/strong> riduce le dimensioni dei file trasferiti del 70-80%.<\/li>\n<li><strong>Riduci il Time to First Byte (TTFB):<\/strong> hosting pi\u00f9 veloce, Redis Object Cache e CDN migliorano il TTFB.<\/li>\n<\/ul>\n<h2>Migliorare l&#8217;Interaction to Next Paint (INP)<\/h2>\n<p>L&#8217;INP misura quanto velocemente il sito risponde alle interazioni. Un INP alto \u00e8 causato da JavaScript che blocca il thread principale del browser:<\/p>\n<ul>\n<li><strong>Riduci il JavaScript:<\/strong> rimuovi plugin inutilizzati che caricano script su tutte le pagine. Usa un plugin come Asset CleanUp per disabilitare gli asset dove non servono.<\/li>\n<li><strong>Defer il JavaScript non critico:<\/strong> aggiungi l&#8217;attributo <span style=\"font-family: monospace\">defer<\/span> ai tag script per caricarli senza bloccare il rendering. Plugin come FlyingPress e WP Rocket lo fanno automaticamente.<\/li>\n<li><strong>Evita il long task:<\/strong> se un singolo script richiede pi\u00f9 di 50ms per eseguirsi, blocca le interazioni. Identifica i long task con Chrome DevTools (scheda Performance) e ottimizza o rimuovi gli script responsabili.<\/li>\n<li><strong>Minimizza i ricalcoli del layout:<\/strong> evita di modificare il DOM in risposta allo scroll o ad altre interazioni frequenti.<\/li>\n<\/ul>\n<h2>Migliorare il Cumulative Layout Shift (CLS)<\/h2>\n<p>Il CLS peggiora quando gli elementi della pagina si spostano dopo il caricamento iniziale. Le cause pi\u00f9 comuni in WordPress:<\/p>\n<ul>\n<li><strong>Immagini senza dimensioni:<\/strong> se i tag <span style=\"font-family: monospace\">&lt;img&gt;<\/span> non hanno attributi <span style=\"font-family: monospace\">width<\/span> e <span style=\"font-family: monospace\">height<\/span>, il browser non pu\u00f2 riservare lo spazio prima del download. WordPress aggiunge automaticamente queste dimensioni dal 5.5, ma verifica che il tuo tema non le rimuova.<\/li>\n<li><strong>Contenuti caricati dinamicamente:<\/strong> banner pubblicitari, widget social e embed che si caricano dopo il contenuto principale spostano gli elementi. Riserva lo spazio con un contenitore a dimensioni fisse.<\/li>\n<li><strong>Font web:<\/strong> quando il font di fallback viene sostituito dal font web, il testo cambia dimensione. Usa <span style=\"font-family: monospace\">font-display: swap<\/span> e scegli un font di fallback con metriche simili.<\/li>\n<li><strong>Barre di notifica e cookie banner:<\/strong> se appaiono dopo il caricamento e spostano il contenuto, aggiungile in posizione fissa (fixed) sopra il contenuto.<\/li>\n<\/ul>\n<h2>Plugin per ottimizzare i Core Web Vitals<\/h2>\n<p>Ecco i plugin pi\u00f9 efficaci per migliorare i Core Web Vitals in WordPress:<\/p>\n<ul>\n<li><strong>FlyingPress:<\/strong> plugin all-in-one che gestisce caching, Critical CSS, lazy loading, preload e ottimizzazione JavaScript.<\/li>\n<li><strong>WP Rocket:<\/strong> il plugin di caching pi\u00f9 popolare, con funzionalit\u00e0 di ottimizzazione CSS e JavaScript integrate.<\/li>\n<li><strong>Perfmatters:<\/strong> plugin leggero per disabilitare funzionalit\u00e0 WordPress non necessarie e gestire il caricamento degli asset per pagina.<\/li>\n<li><strong>EWWW Image Optimizer:<\/strong> ottimizza automaticamente le immagini e le converte in WebP.<\/li>\n<\/ul>\n<h2>Serve assistenza?<\/h2>\n<p>Se i Core Web Vitals del tuo sito WordPress sono scadenti e vuoi migliorarli, il team di <strong><a href=\"https:\/\/soccorsowp.it\/blog\/i-migliori-plugin-woocommerce-per-dominare-il-black-friday\/\">SoccorsoWP<\/a><\/strong> pu\u00f2 analizzare il sito e ottimizzare tutte le metriche. <a href=\"https:\/\/soccorsowp.it\/ticket\/\">Apri un ticket<\/a> e migliora il tuo posizionamento su Google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Core Web Vitals in WordPress: come misurarli e migliorarli I Core Web Vitals sono le metriche che Google usa per valutare l&#8217;esperienza utente del tuo&#8230;<\/p>\n","protected":false},"author":1,"featured_media":25882,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Core Web Vitals in WordPress: come misurarli e migliorarli","_seopress_titles_desc":"Guida completa ai Core Web Vitals per WordPress: LCP, INP e CLS. Come misurarli con PageSpeed Insights e migliorarli con plugin e ottimizzazioni.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"categories":[1699],"tags":[],"class_list":["post-25881","post","type-post","status-publish","format-standard","has-post-thumbnail","category-performance-e-ottimizzazione"],"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25881","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=25881"}],"version-history":[{"count":0,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25881\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25882"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}