{"id":12011,"date":"2024-07-16T07:26:55","date_gmt":"2024-07-16T07:26:55","guid":{"rendered":"https:\/\/newblog.siteground.com\/it\/?p=12011"},"modified":"2025-11-07T10:49:02","modified_gmt":"2025-11-07T10:49:02","slug":"core-web-vitals-guida-completa","status":"publish","type":"post","link":"https:\/\/it.siteground.com\/blog\/core-web-vitals-guida-completa\/","title":{"rendered":"Core Web Vitals: Cosa sono e come migliorarli (Guida)"},"content":{"rendered":"\n<p>Tempi di caricamento lenti, elementi che non rispondono o spostamenti di pagina inaspettati possono frustrare gli utenti. Questo \u00e8 il motivo per cui i Core Web Vitals sono diventati essenziali per ottimizzare il tuo sito e le tue possibilit\u00e0 di posizionarti pi\u00f9 in alto nelle ricerche.&nbsp;<\/p>\n\n\n\n<p>Migliorando le prestazioni del tuo sito web su queste metriche, puoi fornire un&#8217;esperienza pi\u00f9 fluida per il tuo pubblico. Ci\u00f2 si traduce in un migliore posizionamento nei motori di ricerca, un maggiore coinvolgimento e pi\u00f9 conversioni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cosa-sono-i-core-web-vitals\"><span class=\"ez-toc-section\" id=\"Cosa_sono_i_Core_Web_Vitals\"><\/span>Cosa sono i Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I Core Web Vitals sono un <strong>insieme di parametri chiave di Google che misurano l&#8217;esperienza dell&#8217;utente in termini di prestazioni di caricamento, interattivit\u00e0 e stabilit\u00e0 visiva di una pagina web<\/strong>. Raggiungere un buon valore per i Core Web Vitals \u00e8 consigliato per il successo nella ricerca Google, in quanto aiuta a garantire un&#8217;esperienza utente veloce, reattiva e visivamente stabile.&nbsp;<\/p>\n\n\n\n<p>I tre Core Web Vitals sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint (LCP)<\/strong> \u2013 misura le prestazioni di caricamento.<\/li>\n\n\n\n<li><strong>Interazione con Next Paint (INP)<\/strong> \u2013 tiene traccia delle interazioni dell&#8217;utente e misura il ritardo negli input.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS)<\/strong> \u2013 misura la stabilit\u00e0 visiva tracciando i cambiamenti di layout sulla pagina.<\/li>\n<\/ul>\n\n\n\n<p><strong>Google utilizza questi segnali di qualit\u00e0 come parte del suo algoritmo di ranking e migliorarli pu\u00f2 aumentare la tua posizione nelle classifiche di ricerca.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-largest-contentful-paint-nbsp-lcp\">Largest Contentful Paint&nbsp; (LCP)<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"490\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/1_Largest_Contentful_Paint-1.jpg\" alt=\"LCP\" class=\"wp-image-14051\" \/><\/figure>\n\n\n\n<p>Il <strong>Largest Contentful Paint (LCP)<\/strong> misura <strong>quanto tempo impiega il pi\u00f9 grande elemento di contenuto visibile su una pagina a visualizzarsi completamente<\/strong>. Potrebbe trattarsi di un&#8217;immagine, un video o un blocco di testo che occupa la maggior parte dello spazio sullo schermo. Questa metrica \u00e8 importante perch\u00e9 fornisce una visione accurata della velocit\u00e0 di caricamento di una pagina web dal punto di vista dell&#8217;utente.&nbsp;<\/p>\n\n\n\n<p>Ecco come Google definisce i punteggi LCP:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"490\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/2_LCP_Score-1.jpg\" alt=\"punteggio LCP\" class=\"wp-image-14052\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Good (Buono)<\/strong>: 2.5 secondi o meno<\/li>\n\n\n\n<li><strong>Needs improvement (Migliorabile)<\/strong>: Tra 2.5 e 4 secondi.<\/li>\n\n\n\n<li><strong>Poor (Negativo)<\/strong>: Pi\u00f9 di 4.0 secondi<\/li>\n<\/ul>\n\n\n\n<p>Affinch\u00e9 il tuo sito web superi i Core Web Vitals, <strong>\u00e8 necessario avere un punteggio LCP di 2.5 secondi o meno per il 75% di tutte le visualizzazioni delle tue pagine.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Un <strong>LCP alto significa che i tuoi utenti stanno aspettando troppo tempo<\/strong> per caricare il contenuto pi\u00f9 grande sulla pagina. Per i proprietari di siti web, questo significa tempi di rendering lunghi, che portano a grandi frequenze di rimbalzo e bassi tassi di conversione.&nbsp;<\/p>\n\n\n\n<p>I tre fattori pi\u00f9 comuni che influenzano negativamente l&#8217;LCP sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Media di grandi dimensioni e non ottimizzati<\/li>\n\n\n\n<li>Blocco del rendering JavaScript<\/li>\n\n\n\n<li>Tempo di caricamento lento delle risorse\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-interazione-con-next-paint-inp\">Interazione con Next Paint (INP)<\/h3>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Google ha annunciato che INP (Interaction to Next Paint) sta ufficialmente sostituendo il FID (First Input Delay) come nuova metrica Core Web Vitals per la reattivit\u00e0. La sostituzione sar\u00e0 effettiva a partire da marzo 2024.<\/p><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"730\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/3_First_Input_Delay-1.jpg\" alt=\"INP\" class=\"wp-image-14053\" \/><\/figure>\n\n\n\n<p><strong>Interaction to Next Paint (INP)<\/strong> \u00e8 una metrica delle prestazioni web per utenti reali che <strong>misura la reattivit\u00e0 di una pagina web.<\/strong> Valuta il tempo impiegato dal browser per rispondere alle interazioni dell&#8217;utente, come click o tocchi dopo che la pagina ha terminato il caricamento.&nbsp;<\/p>\n\n\n\n<p>L\u2019INP \u00e8 progettato per catturare l&#8217;esperienza dell&#8217;utente, ovvero quanto velocemente e senza intoppi un sito reagisce agli input degli utenti. \u00c8 un indicatore chiave dell&#8217;interattivit\u00e0 e della reattivit\u00e0 della pagina.&nbsp;<\/p>\n\n\n\n<p>A differenza del FID, che misura solo il ritardo per il primo input, l\u2019INP considera la reattivit\u00e0 dell&#8217;intera pagina durante la sessione dell&#8217;utente.&nbsp;<\/p>\n\n\n\n<p>Ecco come Google definisce i punteggi INP:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"490\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/4_FID_Score-1.jpg\" alt=\"punteggio INP\" class=\"wp-image-14054\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Good (Buono<\/strong>): inferior<em>e<\/em> o uguale a 200 millisecondi<\/li>\n\n\n\n<li><strong>Needs improvement (Migliorabile)<\/strong>: tra 200 millisecondi e 500 millisecondi<\/li>\n\n\n\n<li><strong>Poor (Negativo)<\/strong>: pi\u00f9 di 500 millisecondi<\/li>\n<\/ul>\n\n\n\n<p>Un motivo comune per un cattivo punteggio INP sono i file JavaScript e CSS non ottimizzati. Ti mostreremo come misurare e migliorare l\u2019INP in seguito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cumulative-layout-shift-cls\">Cumulative Layout Shift (CLS)<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-quali-sono-per-google-i-criteri-che-incidono-sull-esperienza-dell-utente-su-un-sito\"><span class=\"ez-toc-section\" id=\"Quali_sono_per_Google_i_criteri_che_incidono_sullesperienza_dellutente_su_un_sito\"><\/span>Quali sono per Google i criteri che incidono sull\u2019esperienza dell\u2019utente su un sito?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Esaminiamo rapidamente quali sono i quattro criteri di che incidono sull\u2019esperienza con le pagine e che sono un fattore di posizionamento. Questi dovrebbero servire come punto di partenza per l&#8217;intero processo di miglioramento dell&#8217;esperienza utente come indicato da Google:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"730\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/5_Cumulative_Layout_Shift.jpg\" alt=\"CLS\" class=\"wp-image-14055\" \/><\/figure>\n\n\n\n<p>Il <a href=\"https:\/\/it.siteground.com\/kb\/cumulative-layout-shift\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Cumulative Layout Shift (CLS)<\/strong><\/a> <strong>misura la stabilit\u00e0 visiva di una pagina tracciando cambiamenti di layout imprevisti.<\/strong> Questi cambiamenti si verificano spesso quando vengono caricati nuovi contenuti, come immagini senza dimensioni specificate o annunci inseriti dinamicamente. Un <strong>punteggio CLS alto indica che una pagina \u00e8 instabile<\/strong>, e questo porta a un&#8217;esperienza frustrante per gli utenti.&nbsp;<\/p>\n\n\n\n<p>Ecco come Google definisce i punteggi CLS:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"490\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/6_CLS_Score.jpg\" alt=\"punteggio CLS\" class=\"wp-image-14056\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Good (Buono<\/strong>): inferiore o uguale a 0.1 secondi<\/li>\n\n\n\n<li><strong>Needs improvement (Migliorabile)<\/strong>: inferiore o uguale a 0.25 secondi<\/li>\n\n\n\n<li><strong>Poor (Negativo)<\/strong>: pi\u00f9 di 0.25 secondi<\/li>\n<\/ul>\n\n\n\n<p>Un punteggio inferiore o uguale a 0.1 secondi significa che i contenuti della pagina sono completamente statici durante il loro ciclo di vita. Un punteggio pi\u00f9 alto significa che i contenuti si stanno spostando. Di solito, i cambiamenti di layout sono comunemente causati da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>immagini,<\/li>\n\n\n\n<li>annunci,<\/li>\n\n\n\n<li>incorporamenti,<\/li>\n\n\n\n<li>iframe senza dimensioni,<\/li>\n\n\n\n<li>contenuto inserito dinamicamente,<\/li>\n\n\n\n<li>font web che causano flash di testo invisibile e flash di testo senza stile.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-come-misurare-i-core-web-vitals\"><span class=\"ez-toc-section\" id=\"Come_misurare_i_Core_Web_Vitals\"><\/span>Come misurare i Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Sono disponibili diversi strumenti per misurare i Core Web Vitals, sia utilizzando dati reali dagli utenti che metriche di laboratorio (test simulati). Questi strumenti aiutano i proprietari dei siti a tenere traccia delle loro prestazioni dei Core Web Vitals e identificare le aree di miglioramento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-strumenti-per-i-dati-sul-campo-nbsp\">Strumenti per i dati sul campo&nbsp;<\/h3>\n\n\n\n<p><strong>I dati sul campo, noti anche come monitoraggio degli utenti reali (RUM), riflettono l&#8217;esperienza di navigazione degli utenti reali<\/strong>. Tiene conto degli utenti reali, dei vari dispositivi, delle diverse connessioni di rete e dei dati storici. Il risultato viene aggregato per l&#8217;intero dominio o per URL.&nbsp;<\/p>\n\n\n\n<p>Tieni presente che <strong>Google utilizza i dati sul campo per classificare il tuo sito.<\/strong> Pertanto, se desideri ispezionare la tua esperienza utente reale, \u00e8 necessario utilizzare gli strumenti per i dati sul campo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-google-search-console-gsc\"><a href=\"https:\/\/search.google.com\/search-console\/welcome\" target=\"_blank\" rel=\"noreferrer noopener\">Google Search Console<\/a> (GSC)<\/h4>\n\n\n\n<p><strong>Google Search Console<\/strong> offre un rapporto Core Web Vitals che mostra le prestazioni del tuo sito su desktop e dispositivi mobili. Evidenzia le pagine interessate e le raggruppa in base alle prestazioni: <strong>Buono<\/strong>, <strong>Necessita di miglioramenti<\/strong> o <strong>Negativo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"719\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/7_Google_Search_Console.jpg\" alt=\"Google Search Console\" class=\"wp-image-14058\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pagespeed-insights\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a><\/h4>\n\n\n\n<p><a href=\"https:\/\/it.siteground.com\/kb\/guida-google-pagespeed-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a> analizza le singole pagine web e fornisce informazioni dettagliate sulle prestazioni dei Core Web Vitals. Offre suggerimenti per migliorare la velocit\u00e0 della pagina e le prestazioni del sito.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1407\" height=\"863\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/8_pagespeed-insight-core-web-vitals.jpg\" alt=\"PageSpeed Insights\" class=\"wp-image-14059\" \/><\/figure>\n\n\n\n<p>Dovresti esaminare i punteggi sia per desktop che per dispositivi mobili<strong>,<\/strong> in quanto potrebbero differire. Nella parte superiore del report, in base ai Core Web Vitals del sito, PageSpeed Insights indica chiaramente se la tua pagina arriva alla soglia per offrire una buona esperienza.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-chrome-ux-report-nbsp-crux\"><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noreferrer noopener\">Chrome UX Report<\/a> &nbsp;(CrUX)<\/h4>\n\n\n\n<p><strong>Chrome User Experience Report (CrUX) fornisce dati reali sulle prestazioni degli utenti di Chrome<\/strong>. Mostra come gli utenti sperimentano il tuo sito su entrambi i dispositivi mobili e desktop. Il Chrome UX Report si concentra sulle prestazioni di caricamento del sito web. Misura i Core Web Vitals, metriche come<a href=\"https:\/\/it.siteground.com\/blog\/velocita-sito-time-to-first-byte\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Time to First Byte (TTFB)<\/a> e molto altro ancora.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-estensione-chrome-per-i-core-web-vitals\"><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noreferrer noopener\">Estensione Chrome per i Core Web Vitals<\/a><\/h4>\n\n\n\n<p>L&#8217;estensione Web Vitals ti consente di tracciare Core Web Vitals direttamente nel tuo browser Chrome mentre navighi sul tuo sito. \u00c8 uno strumento gratuito che fornisce un feedback istantaneo sulle metriche Core Web Vitals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"626\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/9_Web_Vitals_Chrome_Extention.jpg\" alt=\"Estensione Chrome per i Core Web Vitals\" class=\"wp-image-14060\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-web-dev\"><a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web.dev<\/a><\/h4>\n\n\n\n<p>Web.dev offre uno strumento di misurazione gratuito per eseguire un controllo delle prestazioni sul tuo sito. Inoltre, puoi controllare le prestazioni del tuo sito in diverse aree e <strong>ottenere suggerimenti su come migliorare metriche come le prestazioni del sito, lo stato progressivo delle web app, l&#8217;accessibilit\u00e0, <\/strong><strong>le best practices e la SEO.<\/strong> Supporta anche le metriche dei Core Web Vitals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"662\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/10_Web_dev.jpg\" alt=\"Web.dev\" class=\"wp-image-14061\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-strumenti-per-i-lab-data\">Strumenti per i Lab Data<\/h3>\n\n\n\n<p>Questo si riferisce alla conduzione di test in un ambiente controllato per vedere come un potenziale utente si trover\u00e0 sul tuo sito web. A differenza degli strumenti per i dati sul campo, gli strumenti per i <strong>lab data funzionano con dati simulati<\/strong>, con dispositivi predefiniti e specifiche di rete. Sono utili nella riproduzione e nel debug di possibili problemi di prestazioni del sito web, ma non forniscono informazioni sull&#8217;esperienza utente reale.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-lighthouse\"><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">Lighthouse<\/a><\/h4>\n\n\n\n<p>Lighthouse \u00e8 uno strumento open source e automatizzato per il controllo del sito web che aiuta gli sviluppatori a diagnosticare problemi e migliorare la qualit\u00e0 delle pagine web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"692\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/11_Lighthouse.jpg\" alt=\"Lighthouse\" class=\"wp-image-14062\" \/><\/figure>\n\n\n\n<p><strong>Uno strumento per i lab data come Lighthouse non pu\u00f2 misurare l\u2019Interaction to Next Paint (INP), perch\u00e9 richiede una reale interazione dell&#8217;utente.<\/strong> Tuttavia, \u00e8 possibile monitorare il <strong>Total Blocking Time<\/strong> (TBT), che misura la quantit\u00e0 di tempo totale tra First Contentful Paint e Time To Interactive. Migliorando il tuo TBT, molto probabilmente migliorerai anche il tuo INP.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-webpagetest-org\"><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebPageTest.org<\/a><\/h4>\n\n\n\n<p>Questo \u00e8 uno strumento gratuito e open source che misura le prestazioni della velocit\u00e0 del tuo sito. Carica la tua pagina in un browser reale, aiutandoti a identificare le specifiche sezioni del sito che richiedono pi\u00f9 tempo per essere caricate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"291\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/12_WebPageTest.jpg\" alt=\"WebPageTest.org\" class=\"wp-image-14063\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pannello-delle-performance-di-chrome-devtools\">Pannello delle Performance di Chrome DevTools<\/h4>\n\n\n\n<p>Con <strong>Chrome DevTools<\/strong>, hai l&#8217;opzione Performance<strong>,<\/strong> che include i Core Web Vitals. Il pannello Performance ha anche una sezione <strong>Experience<\/strong> da cui \u00e8 possibile rilevare cambiamenti di layout imprevisti. Questo rende possibile identificare e correggere qualsiasi instabilit\u00e0 visiva e migliorare la metrica di spostamento del layout cumulativo. Per accedere al pannello delle Performance di Chrome DevTools, apri <strong>Google Chrome<\/strong> (utilizza la modalit\u00e0 di navigazione in incognito cos\u00ec che non vi sia la cache del browser) e premi <strong>Command + Option + I (Mac)<\/strong> o <strong>Ctrl + Shift + I (Windows, Linux)<\/strong> per aprire <strong>DevTools<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"1322\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2024\/10\/13_Chrome_DevTools.jpg\" alt=\"Pannello delle Performance di Chrome DevTools\" class=\"wp-image-14064\" \/><\/figure>\n\n\n\n<p>Seleziona <strong>Layout Shift<\/strong> per visualizzarne i dettagli nella scheda <strong>Summary<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Tieni presente che, a seconda dello strumento che utilizzi (in base ai dati sul campo o i lab data), le metriche dei Core Web Vitals potrebbero mostrare risultati diversi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-come-migliorare-i-core-web-vitals\"><span class=\"ez-toc-section\" id=\"Come_migliorare_i_Core_Web_Vitals\"><\/span>Come migliorare i Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La buona notizia \u00e8 che la maggior parte dei suggerimenti per migliorare i tuoi Core Web Vitals fanno sono gli stessi per l\u2019ottimizzazione delle prestazioni del sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-come-migliorare-il-largest-contentful-paint-lcp\">Come migliorare il Largest Contentful Paint (LCP)<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-abilita-la-cache-a-pagina-intera\">Abilita la cache a pagina intera<\/h4>\n\n\n\n<p>Quando abiliti il caching a pagina intera, le pagine del tuo sito verranno archiviate sul server dopo il primo caricamento. Solo il primo visitatore caricher\u00e0 l&#8217;intero contenuto della pagina dal database. Tutti gli altri otterranno l&#8217;output della pagina direttamente dalla memoria del server, rendendo il tuo sito molto pi\u00f9 veloce e, in definitiva, migliorando la tua metrica LCP.&nbsp;<\/p>\n\n\n\n<p>I clienti di SiteGround sfruttano la nostra esclusiva soluzione di caching a pagina intera, chiamata anche <strong>Cache Dinamica<\/strong>, abilitata di default per tutti i siti. A seconda del tipo di sito, registriamo un<a href=\"https:\/\/it.siteground.com\/blog\/supercacher-per-tutti\/\" target=\"_blank\" rel=\"noreferrer noopener\"> caricamento della pagina fino a 5 volte pi\u00f9 veloce.<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-scegli-un-hosting-veloce-e-affidabile\">Scegli un hosting veloce e affidabile<\/h4>\n\n\n\n<p><strong>Uno dei motivi pi\u00f9 comuni per un LCP negativo \u00e8 un tempo di risposta del server lento<\/strong>. Innanzitutto, controlla il tuo<a href=\"https:\/\/it.siteground.com\/blog\/velocita-sito-time-to-first-byte\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Time to First Byte (TTFB)<\/a>, ossia quanto tempo impiega il browser a ricevere il primo byte di contenuto dal server. <strong>Pi\u00f9 velocemente risponde il tuo server, migliori saranno le prestazioni del tuo sito web.<\/strong><\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">SiteGround offre un ambiente di hosting altamente ottimizzato, basato su Google Cloud. Abbiamo implementato un PHP ultraveloce unico, una configurazione personalizzata del database MySQL e un forte sistema di difesa contro potenziali minacce.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-usa-una-cdn\">Usa una CDN<\/h4>\n\n\n\n<p>Oltre al server che ospita il tuo sito, puoi utilizzare una <strong>rete di distribuzione dei contenuti<\/strong><a href=\"https:\/\/it.siteground.com\/blog\/domande-frequenti-su-siteground-cdn\/\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>(CDN)<\/strong><\/a> per accelerare il tempo di caricamento delle pagine per tutti i tuoi visitatori. <strong>La CDN memorizzer\u00e0 nella cache i tuoi contenuti su una<\/strong><a href=\"https:\/\/it.siteground.com\/data-center\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>rete globale di server<\/strong><\/a> <strong>e caricher\u00e0 il tuo sito web da quello pi\u00f9 vicino al visitatore<\/strong>, migliorando cos\u00ec l\u2019esperienza con la tua pagina.&nbsp;<\/p>\n\n\n\n<p>SiteGround ha sviluppato la propria infrastruttura CDN per aumentare le prestazioni del sito web e la sicurezza per tutti i suoi utenti.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-ottimizza-le-immagini\">Ottimizza le immagini<\/h4>\n\n\n\n<p>Ottimizzare le immagini <strong>migliorer\u00e0 il tuo punteggio del <\/strong><strong>Largest Contentful Paint<\/strong> poich\u00e9 spesso queste sono l&#8217;elemento pi\u00f9 grande della pagina.&nbsp;<\/p>\n\n\n\n<p>Comprimi sempre le tue immagini e ridimensionale correttamente. Si consiglia di pubblicare immagini in formati di nuova generazione come<a href=\"https:\/\/it.siteground.com\/kb\/cose-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>WebP<\/strong><\/a>, per migliorare le prestazioni.&nbsp;<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Un modo efficace per ottimizzare i tuoi media \u00e8 sfruttare il nostro plugin Speed Optimizer. Ha funzionalit\u00e0 per l&#8217;ottimizzazione dei media come la compressione delle immagini, la conversione in formato WebP e il lazy load dei media.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-ottimizza-javascript-e-css\">Ottimizza JavaScript e CSS<\/h4>\n\n\n\n<p>Ridurre CSS e JavaScript che rallentano il caricamento della pagina pu\u00f2 migliorare il punteggio generale dei Core Web Vital e l&#8217;interazione dell&#8217;utente.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rinvia i JavaScript<\/li>\n<\/ul>\n\n\n\n<p>Mentre il browser sta caricando JavaScript, gli utenti non possono interagire con la pagina web. Ecco perch\u00e9 a volte puoi vedere il termine &#8220;Render-blocking JavaScript&#8221;. <strong>Rinviare i tuoi JavaScrips significa che il browser elaborer\u00e0 e caricher\u00e0 i file JS solo dopo aver analizzato il documento HTML<\/strong>.&nbsp;<\/p>\n\n\n\n<p>In altre parole, la visualizzazione del tuo sito web sar\u00e0 molto pi\u00f9 veloce perch\u00e9 non ci sar\u00e0 nulla a bloccare il processo.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Minifica i file CSS e JS<\/li>\n<\/ul>\n\n\n\n<p>Per una maggiore leggibilit\u00e0, gli sviluppatori spesso lasciano caratteri come spaziatura, rientro o commenti nei file CSS e JS. Tuttavia, tutti questi caratteri nel codice non sono essenziali per il browser.&nbsp;<\/p>\n\n\n\n<p><strong>La minificazione ottimizza il tuo codice rimuovendo tutti i caratteri non necessari, con conseguente miglioramento del tempo di visualizzazione e quindi siti web pi\u00f9 veloci<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-come-migliorare-l-interazione-con-next-paint-inp\">Come migliorare l&#8217;interazione con Next Paint (INP)<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-rimuovi-gli-elementi-di-pagina-di-grandi-dimensioni-e-attivita-lunghe\">Rimuovi gli elementi di pagina di grandi dimensioni e attivit\u00e0 lunghe<\/h4>\n\n\n\n<p>Ridurre le attivit\u00e0 lunghe previene i ritardi nella risposta alle interazioni dell&#8217;utente. Un&#8217;attivit\u00e0 lunga si riferisce a qualsiasi parte di codice JavaScript che impiega pi\u00f9 di 50 millisecondi per essere eseguita.&nbsp;<\/p>\n\n\n\n<p><strong>Elementi nella pagina di grandi dimensioni, come video o immagini di sfondo, possono rallentare l&#8217;esecuzione del codice e influire sull\u2019INP.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Invece di utilizzare un&#8217;immagine ad alta risoluzione per lo sfondo (ad esempio, un JPEG da 4MB), considera l&#8217;utilizzo di un&#8217;immagine WebP ottimizzata che riduce significativamente la dimensione del file (ad esempio, 400KB). Allo stesso modo, i video possono utilizzare il lazy load o essere sostituiti con immagini statiche per il caricamento iniziale, rinviando il supporto pesante fino a dopo l&#8217;interazione dell&#8217;utente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-usa-web-workers\">Usa web workers<\/h4>\n\n\n\n<p>L&#8217;utilizzo di web workers consente di eseguire attivit\u00e0 pesanti in background, in modo da non bloccare il thread principale. <strong>Ci\u00f2 riduce i ritardi nell&#8217;input dell&#8217;utente e nel caricamento della pagina, ottimizzando il punteggio INP<\/strong> e le prestazioni complessive.&nbsp;<\/p>\n\n\n\n<p>Invece di eseguire attivit\u00e0 di grandi dimensioni direttamente nel thread principale del browser (causando il blocco della pagina), l&#8217;elaborazione pu\u00f2 essere scaricata su un web worker. Ci\u00f2 consente all&#8217;utente di continuare a interagire con il sito senza alcun ritardo evidente, mentre l&#8217;attivit\u00e0 in background viene completata.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-ottimizza-i-gestori-di-eventi\">Ottimizza i gestori di eventi<\/h4>\n\n\n\n<p><strong>I gestori di eventi ottimizzati riducono il ritardo nell\u2019input e migliorano la velocit\u00e0 del sito<\/strong>, contribuendo a migliorare le metriche dei Core Web Vitals.&nbsp;<\/p>\n\n\n\n<p>Ad esempio, quando un utente clicca su un pulsante, il gestore di eventi prima registra il click sul bottone e rinvia il calcolo a un tempo meno critico quando il thread principale del browser \u00e8 inattivo. Ci\u00f2 garantisce che l&#8217;interazione sia fluida e che l&#8217;utente non subisca ritardi.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-riduci-gli-script-di-terze-parti\">Riduci gli script di terze parti<\/h4>\n\n\n\n<p>Si consiglia vivamente di rimuovere eventuali script di terze parti che non apportano alcun valore reale. Se il tuo sito include pi\u00f9 script di terze parti per analisi, pubblicit\u00e0 o widget di social media, valuta se siano necessari. La rimozione di script non essenziali, come un widget di chat ridondante o un ad tracker che non viene utilizzato per il tuo pubblico principale, pu\u00f2 migliorare significativamente sia il punteggio Largest Contentful Paint (LCP) che l\u2019iterazione to Next Paint (INP).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-come-migliorare-il-cumulative-layout-shift-cls\">Come migliorare il Cumulative Layout Shift (CLS)<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-imposta-degli-attributi-di-dimensione\">Imposta degli attributi di dimensione<\/h4>\n\n\n\n<p>Impostare le dimensioni dell&#8217;attributo dir\u00e0 al browser dell&#8217;utente esattamente quanto spazio ha bisogno quell&#8217;elemento. Usiamo un\u2019immagine come esempio.&nbsp;<\/p>\n\n\n\n<p>Se non imposti gli attributi di larghezza e altezza per un&#8217;immagine, il browser non conoscer\u00e0 la dimensione esatta che questa immagine occuper\u00e0 fino a quando non verr\u00e0 caricata completamente, il che pu\u00f2 causare uno spostamento del layout.&nbsp;<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--tip\"><p class=\"text text--size-medium color-darkest\">&lt;img src=&#8221;image.jpg&#8221; width=&#8221;600&#8243; height=&#8221;400&#8243; alt=&#8221;Una vista panoramica delle montagne&#8221;&gt;<\/p><\/div>\n\n\n\n<p>Specificando larghezza e altezza, consenti al browser di calcolare le proporzioni dell&#8217;immagine e lo spazio appropriato. Questo ridurr\u00e0 al minimo i Cumulative Layout Shifts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-precarica-i-font\">Precarica i font<\/h4>\n\n\n\n<p><strong>I font migliorano la leggibilit\u00e0 della tua pagina e trasmettono l&#8217;immagine del tuo marchio.<\/strong> Tuttavia, ogni font che utilizzi \u00e8 una risorsa aggiuntiva che potrebbe rallentare il tuo sito web. Si consiglia di precaricare i font per evitare cambiamenti di layout e flash di testo invisibile.&nbsp;<\/p>\n\n\n\n<p>Per precaricare i font, devi utilizzare il <strong>tag <\/strong><strong>&lt;link rel=&#8221;preload&#8221;&gt;<\/strong>&nbsp; nella sezione <strong>&lt;head&gt;<\/strong> del tuo documento HTML. \u00c8 necessario specificare l&#8217; <strong>attributo as=&#8221;font&#8221;<\/strong> e includere <strong>crossorigin<\/strong> se il font viene caricato da una fonte esterna (come una CDN).&nbsp;<\/p>\n\n\n\n<p>In questo modo, migliorerai il tuo punteggio di metrica CLS.&nbsp;<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Il nostro plugin Speed Optimizer \u00e8 stato sviluppato anche per aiutarti in quell&#8217;area. La funzionalit\u00e0 dedicata di Ottimizzazione dei font web migliora il tempo di visualizzazione con conseguente miglioramento delle prestazioni del sito.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-riserva-dello-spazio-per-gli-annunci\">Riserva dello spazio per gli annunci<\/h4>\n\n\n\n<p>Gli annunci hanno una natura dinamica che pu\u00f2 portare a cambiamenti di layout imprevisti. Questo pu\u00f2 avere un effetto negativo sul tuo punteggio CLS. Se non lasci da parte spazio sufficiente per gli annunci sul tuo sito, questi potrebbero apparire inaspettatamente e rovinare l&#8217;esperienza dell&#8217;utente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-usa-la-proprieta-transform-css-per-le-animazioni\">Usa la propriet\u00e0 transform CSS per le animazioni<\/h4>\n\n\n\n<p>I <strong>cambiamenti di layout<\/strong> durante le animazioni spesso interrompono l&#8217;esperienza dell&#8217;utente e possono influire in modo significativo sul punteggio <strong>CLS (Cumulative Layout Shift)<\/strong>. Utilizzando la propriet\u00e0 <strong>transform CSS<\/strong> per le animazioni, puoi evitare che gli elementi sulla pagina si spostino in modo imprevedibile. Le animazioni transform css, come <strong>scale<\/strong> o <strong>translate<\/strong>, aiutano a mantenere la posizione di altri contenuti sulla pagina. Questo porta a un&#8217;esperienza pi\u00f9 stabile sul tuo sito.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-minimizza-il-contenuto-inserito-dinamicamente-nbsp\">Minimizza il contenuto inserito dinamicamente:&nbsp;<\/h4>\n\n\n\n<p>I contenuti inseriti dinamicamente, come pubblicit\u00e0, immagini o video che vengono caricati dopo la pagina web iniziale, spesso causano cambiamenti di layout. Questi spostamenti possono influire negativamente sul punteggio CLS (Cumulative Layout Shift).&nbsp;<\/p>\n\n\n\n<p><strong>Per migliorare la stabilit\u00e0 visiva, \u00e8 importante pre-allocare spazio per i contenuti caricati dinamicamente.<\/strong> Esistono diverse tecniche per questo, come impostare le dimensioni delle dimensioni nel tuo CSS, JavaScript o utilizzare le caselle di Aspect Ratio o i Segnaposto. Puoi trovare qui di seguito un esempio di impostazione delle dimensioni prima di inserire dinamicamente il contenuto con JavaScript:<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--tip\"><p class=\"text text--size-medium color-darkest\">&lt;div id=&#8221;dynamic-content&#8221; class=&#8221;ad-container&#8221;&gt;&lt;\/div&gt;<br><br>&lt;script&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;const adContainer = document.getElementById(&#8216;dynamic-content&#8217;);<br>&nbsp;&nbsp;&nbsp;&nbsp;adContainer.style.width = &#8216;300px&#8217;;&nbsp; \/\/ Fixed width<br>&nbsp;&nbsp;&nbsp;&nbsp;adContainer.style.height = &#8216;250px&#8217;; \/\/ Fixed height<br><br>&nbsp;&nbsp;&nbsp;&nbsp;\/\/ Dynamically inject content<br>&nbsp;&nbsp;&nbsp;&nbsp;adContainer.innerHTML = &#8216;&lt;p&gt;Ad will appear here&lt;\/p&gt;&#8217;;<br>&lt;\/script&gt;<\/p><\/div>\n\n\n\n<p>Questo riduce al minimo l&#8217;impatto sull&#8217;esperienza dell&#8217;utente migliorando allo stesso tempo le metriche delle prestazioni relative al punteggio di spostamento del layout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-perche-i-core-web-vitals-sono-importanti\"><span class=\"ez-toc-section\" id=\"Perche_i_Core_Web_Vitals_sono_importanti\"><\/span>Perch\u00e9 i Core Web Vitals sono importanti?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I suggerimenti menzionati finora sono le migliori pratiche consigliate per l&#8217;ottimizzazione del sito web e influenzano anche positivamente i segnali di esperienza della pagina misurati dai Core Web Vitals di Google.&nbsp;<\/p>\n\n\n\n<p>Come proprietario di un sito web, \u00e8 importante comprendere queste metriche. Questo pu\u00f2 aiutarti a offrire un&#8217;esperienza positiva ai tuoi utenti, migliorare il posizionamento nei motori di ricerca e le prestazioni complessive della pagina web.&nbsp;<\/p>\n\n\n\n<p>\u00c8 importante notare che <strong>l&#8217;algoritmo di ranking di Google viene continuamente aggiornato<\/strong>. Monitorare regolarmente i tuoi Core Web Vitals con strumenti come PageSpeed Insights o Search Console pu\u00f2 aiutarti ad apportare le modifiche necessarie, mentre le aspettative degli utenti e gli algoritmi di ranking di Google si evolvono. In questo modo, stai impostando il tuo sito per un successo a lungo termine.&nbsp;<\/p>\n\n\n\n<p>Per ulteriori <strong>consigli dagli esperti sull&#8217;ottimizzazione del sito web<\/strong>, puoi<a rel=\"noreferrer noopener\" href=\"https:\/\/it.siteground.com\/ebook-wordpress\" target=\"_blank\"> scaricare il nostro <strong>ebook Ottimizzazione della velocit\u00e0 di WordPress<\/strong><\/a> e imparare come costruire un sito web ad alte prestazioni.<\/p>\n\n\n<p>[37]<\/p>\n\n\n\n<p><em>Aggiornato: Ottobre 2024<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"Tempi di caricamento lenti, elementi che non rispondono o spostamenti di pagina inaspettati possono frustrare gli utenti. Questo \u00e8 il motivo per cui i Core Web Vitals sono diventati essenziali per ottimizzare il tuo sito e le tue possibilit\u00e0 di posizionarti pi\u00f9 in alto nelle ricerche.&nbsp; Migliorando le prestazioni del tuo sito web su queste&hellip;","protected":false},"author":122,"featured_media":14050,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2893],"tags":[],"class_list":["post-12011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting-e-sito-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core Web Vitals: La guida completa su cosa sono e come migliorarli<\/title>\n<meta name=\"description\" content=\"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: La guida completa su cosa sono e come migliorarli\" \/>\n<meta property=\"og:description\" content=\"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-16T07:26:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T10:49:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg\" \/>\n<meta name=\"author\" content=\"Nikola Knezhevich\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Core Web Vitals: La guida completa su cosa sono e come migliorarli\" \/>\n<meta name=\"twitter:description\" content=\"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nikola Knezhevich\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\"},\"author\":{\"name\":\"Nikola Knezhevich\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/e5a3960f4e63f28a1a1cb168ac16efde\"},\"headline\":\"Core Web Vitals: Cosa sono e come migliorarli (Guida)\",\"datePublished\":\"2024-07-16T07:26:55+00:00\",\"dateModified\":\"2025-11-07T10:49:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\"},\"wordCount\":3269,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg\",\"articleSection\":[\"Hosting e sito web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\",\"name\":\"Core Web Vitals: La guida completa su cosa sono e come migliorarli\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg\",\"datePublished\":\"2024-07-16T07:26:55+00:00\",\"dateModified\":\"2025-11-07T10:49:02+00:00\",\"description\":\"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg\",\"width\":1200,\"height\":600,\"caption\":\"Core Web Vitals: Cosa sono e come migliorarli\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: Cosa sono e come migliorarli (Guida)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"name\":\"Il blog di SiteGround\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\",\"name\":\"Il blog di SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"width\":164,\"height\":250,\"caption\":\"Il blog di SiteGround\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/e5a3960f4e63f28a1a1cb168ac16efde\",\"name\":\"Nikola Knezhevich\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b991ff15e70ab948f384f6ce22bf33b6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b991ff15e70ab948f384f6ce22bf33b6?s=96&d=mm&r=g\",\"caption\":\"Nikola Knezhevich\"},\"sameAs\":[\"https:\/\/www.instagram.com\/n.knezhevich\/\",\"https:\/\/bg.linkedin.com\/in\/n-knezhevich\"],\"gender\":\"male\",\"knowsAbout\":[\"Search Engine Optimization\",\"Digital Marketing\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"SEO Team Lead\",\"worksFor\":\"SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/it\/author\/nikolaknezhevich\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Core Web Vitals: La guida completa su cosa sono e come migliorarli","description":"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals: La guida completa su cosa sono e come migliorarli","og_description":"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali","og_url":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/","og_site_name":"SiteGround","article_published_time":"2024-07-16T07:26:55+00:00","article_modified_time":"2025-11-07T10:49:02+00:00","og_image":[{"url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","type":"","width":"","height":""}],"author":"Nikola Knezhevich","twitter_card":"summary_large_image","twitter_title":"Core Web Vitals: La guida completa su cosa sono e come migliorarli","twitter_description":"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali","twitter_misc":{"Written by":"Nikola Knezhevich","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/"},"author":{"name":"Nikola Knezhevich","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/e5a3960f4e63f28a1a1cb168ac16efde"},"headline":"Core Web Vitals: Cosa sono e come migliorarli (Guida)","datePublished":"2024-07-16T07:26:55+00:00","dateModified":"2025-11-07T10:49:02+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/"},"wordCount":3269,"commentCount":0,"publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","articleSection":["Hosting e sito web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/","url":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/","name":"Core Web Vitals: La guida completa su cosa sono e come migliorarli","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","datePublished":"2024-07-16T07:26:55+00:00","dateModified":"2025-11-07T10:49:02+00:00","description":"Scopri le nuove metriche di Google per migliorare il posizionamento del tuo sito web. Una guida completa sui Core Web Vitals - Segnali Web Essenziali","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#primaryimage","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","width":1200,"height":600,"caption":"Core Web Vitals: Cosa sono e come migliorarli"},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/it\/core-web-vitals-guida-completa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/it\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: Cosa sono e come migliorarli (Guida)"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/it\/#website","url":"https:\/\/newblog.siteground.com\/it\/","name":"Il blog di SiteGround","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/it\/#organization","name":"Il blog di SiteGround","url":"https:\/\/newblog.siteground.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","width":164,"height":250,"caption":"Il blog di SiteGround"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/e5a3960f4e63f28a1a1cb168ac16efde","name":"Nikola Knezhevich","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b991ff15e70ab948f384f6ce22bf33b6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b991ff15e70ab948f384f6ce22bf33b6?s=96&d=mm&r=g","caption":"Nikola Knezhevich"},"sameAs":["https:\/\/www.instagram.com\/n.knezhevich\/","https:\/\/bg.linkedin.com\/in\/n-knezhevich"],"gender":"male","knowsAbout":["Search Engine Optimization","Digital Marketing"],"knowsLanguage":["English"],"jobTitle":"SEO Team Lead","worksFor":"SiteGround","url":"https:\/\/newblog.siteground.com\/it\/author\/nikolaknezhevich\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/comments?post=12011"}],"version-history":[{"count":10,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12011\/revisions"}],"predecessor-version":[{"id":14998,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12011\/revisions\/14998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media\/14050"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media?parent=12011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/categories?post=12011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/tags?post=12011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}