{"id":1359,"date":"2021-03-15T10:43:00","date_gmt":"2021-03-15T09:43:00","guid":{"rendered":"http:\/\/evolutiongroup.digital\/?p=1359"},"modified":"2022-07-22T12:33:14","modified_gmt":"2022-07-22T10:33:14","slug":"core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls","status":"publish","type":"post","link":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/","title":{"rendered":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">I nuovi standard imposti da Google per un\u2019ottima esperienza utente<\/h2>\n\n\n\n<p>Per anni Google ha lavorato per dare la giusta importanza a page speed e UX. Negli ultimi anni il peso si \u00e8 spostato sempre pi\u00f9 verso l\u2019<strong>esperienza utente<\/strong>&nbsp;su mobile, infatti nella maggior parte dei casi il primo accesso a un sito avviene da smartphone e se non si ottimizza in quest\u2019ottica non \u00e8 possibile creare una base di&nbsp;<strong>utenti fidelizzati<\/strong>.<br>A partire dal 1\u00b0 luglio 2019 il cosiddetto&nbsp;<strong>mobile first index<\/strong>&nbsp;\u00e8 diventato l\u2019impostazione predefinita per l\u2019indicizzazione e il ranking delle pagine: ci\u00f2 significa che&nbsp;<strong>Googlebot esegue la scansione e indicizzazione delle pagine principalmente con lo user agent per smartphone<\/strong>.<br>Inoltre, se gli utenti vengono persi per la poca velocit\u00e0 nel caricamento della pagina, non si avranno neanche&nbsp;<strong>conversioni pubblicitarie<\/strong>. Puntare sulla&nbsp;<strong>qualit\u00e0 dell\u2019esperienza utente<\/strong>&nbsp;\u00e8 la chiave per il successo a lungo termine di qualsiasi sito sul web.<\/p>\n\n\n\n<p>Per fare chiarezza sulle metriche importanti rispetto all\u2019esperienza utente complessiva sul web, Google ha rilasciato l\u2019iniziativa&nbsp;<strong>Core Web Vitals &#8211; LCP, FID e CLS<\/strong>: le metriche essenziali per quantificare l\u2019esperienza utente sul tuo sito e identificarne le opportunit\u00e0 di miglioramento rispetto al&nbsp;<strong>caricamento<\/strong>,&nbsp;<strong>l\u2019interattivit\u00e0<\/strong>&nbsp;e la&nbsp;<strong>stabilit\u00e0 visiva<\/strong>. Vediamo di seguito di cosa si tratta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noreferrer noopener\">LCP<\/a>\u00a0&#8211; Largest Contentful Paint<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"265\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp-1024x265.png\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp-1024x265.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp-300x78.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp-768x199.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp-1536x397.png 1536w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/lcp.png 1764w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Misura le performance in termini di&nbsp;<strong>caricamento<\/strong>&nbsp;della pagina. Per avere delle buone performance il caricamento dell\u2019<strong>elemento pi\u00f9 grande<\/strong>&nbsp;all\u2019interno dell\u2019area visualizzata (viewport) deve avvenire in&nbsp;<strong>2.5 secondi<\/strong>&nbsp;dall\u2019inizio del caricamento della pagina.<br>La tipologia di elementi considerati per il calcolo del LCP sono i seguenti:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>&lt; img &gt;<\/li><li>&lt; image &gt; presenti in elementi &lt; svg &gt;<\/li><li>&lt; video &gt;<\/li><li>un elemento con un\u2019immagine di sfondo caricata tramite la funzione url( )<\/li><li>blocchi di testo o altri elementi inline contenenti del testo<\/li><\/ul>\n\n\n\n<p>Di seguito vediamo un esempio e la differenza tra\u00a0<a href=\"https:\/\/web.dev\/fcp\/\" target=\"_blank\" rel=\"noreferrer noopener\">FCP<\/a>\u00a0&#8211; First Contentful Paint e LCP:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp-1024x397.png\" alt=\"\" class=\"wp-image-1364\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp-1024x397.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp-300x116.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp-768x298.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp-1536x595.png 1536w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cnn_-_lcp.png 1590w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo caso l\u2019elemento pi\u00f9 grande cambia durante il caricamento della pagina, nel primo fotogramma si carica il primo elemento (FCP), mentre nell\u2019ultimo fotogramma avviene il caricamento dell\u2019elemento pi\u00f9 grande (LCP).<\/p>\n\n\n\n<p>Nel seguente esempio invece l\u2019elemento pi\u00f9 grande (FCP) si carica nel secondo fotogramma e rimane lo stesso fino al caricamento finale della pagina:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"794\" height=\"304\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/google_-_lcp.png\" alt=\"\" class=\"wp-image-1369\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/google_-_lcp.png 794w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/google_-_lcp-300x115.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/google_-_lcp-768x294.png 768w\" sizes=\"auto, (max-width: 794px) 100vw, 794px\" \/><\/figure>\n\n\n\n<p>Le cause pi\u00f9 comuni che causano un cattivo valore LCP sono le seguenti:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tempi di risposta lenti lato server<\/li><li>JS e CSS che bloccano il rendering<\/li><li>Tempi di risposta lenti nel caricamento delle risorse<\/li><li>Rendering lato client<br><a href=\"https:\/\/web.dev\/optimize-lcp\/\">Qui<\/a>&nbsp;puoi trovare le indicazioni lato Google per migliorare questi aspetti.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noreferrer noopener\">FID<\/a>\u00a0&#8211; First Input Delay<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"278\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid-1024x278.png\" alt=\"\" class=\"wp-image-1373\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid-1024x278.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid-300x82.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid-768x209.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid-1536x418.png 1536w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/fid.png 1732w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Misura&nbsp;<strong>l\u2019interattivit\u00e0<\/strong>, in particolare il tempo intercorso tra la prima&nbsp;<strong>interazione dell\u2019utente<\/strong>&nbsp;con una pagina del sito e la risposta del browser all\u2019interazione. Per avere delle buone performance le pagine dovrebbero avere un FID&nbsp;<strong>inferiore a 100 millisecondi<\/strong>.<br>Non vengono considerate azioni continue come lo scorrimento verticale o lo zoom, mentre vengono considerate azioni come il click su un link testuale o il tap su un pulsante.<br>Le cause pi\u00f9 comuni che portano a un pessimo FID sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Funzioni lunghe<\/li><li>JS con tempi di esecuzione lunghi<\/li><li>Bundle javascript pesanti<\/li><li>JS che bloccano il rendering<br><a href=\"https:\/\/web.dev\/optimize-fid\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qui<\/a>\u00a0ci viene indicato come risolvere i principali problemi.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">CLS<\/a>\u00a0&#8211; Cumulative Layout Shift<br><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"261\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls-1024x261.png\" alt=\"\" class=\"wp-image-1377\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls-1024x261.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls-300x77.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls-768x196.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls-1536x392.png 1536w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/cls.png 1743w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Misura la&nbsp;<strong>stabilit\u00e0 visiva<\/strong>&nbsp;della pagina, eventuali cambiamenti di layout imprevisti. Il calcolo \u00e8 piuttosto complicato e lo puoi trovare&nbsp;<a href=\"https:\/\/web.dev\/cls\/\">qui<\/a>. Per avere delle buone performance il CLS deve essere&nbsp;<strong>inferiore a 0.1<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/banner_cls-1024x334.png\" alt=\"\" class=\"wp-image-1381\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/banner_cls-1024x334.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/banner_cls-300x98.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/banner_cls-768x250.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/banner_cls.png 1452w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il CLS \u00e8 impattato negativamente quando vengono caricati elementi dinamici in pagina. Il principale nemico in quest\u2019ottica sono gli annunci pubblicitari di grandi dimensioni che si espandono al di fuori dell\u2019ad container facendo slittare il contenuto della pagina web.<br>Di seguito trovi le principali cause che impattano sul CLS:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>immagini senza dimensioni<\/li><li>ads, embed e iframe senza dimensioni<\/li><li>elementi inseriti in modo dinamico<\/li><li>web font che causano FOIT (flash of unstyled text)\/FOUT (flash of invisible text)<br><a href=\"https:\/\/web.dev\/optimize-cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qui<\/a>\u00a0ci vengono indicate le strade da seguire per evitare questi problemi.<\/li><\/ul>\n\n\n\n<p>Nel complesso, per superare gli standard imposti da Google, si deve registrare una buona esperienza utente in termini di Web Core Vitals nel 75\u00b0 percentile dei caricamenti di pagina, segmentando i test per dispositivi mobile e desktop.<\/p>\n\n\n\n<p>Per misurare le performance del tuo sito puoi utilizzare i\u00a0<a href=\"https:\/\/web.dev\/vitals-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">tool<\/a>\u00a0messi a disposizione da Google:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"655\" src=\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals-1024x655.png\" alt=\"\" class=\"wp-image-1385\" srcset=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals-1024x655.png 1024w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals-300x192.png 300w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals-768x491.png 768w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals-1536x982.png 1536w, https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/07\/tool_google_core_web_vitals.png 1614w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La stessa Google ci indica anche come iniziare ad analizzare il proprio sito,\u00a0<a href=\"https:\/\/web.dev\/vitals-measurement-getting-started\/\" target=\"_blank\" rel=\"noreferrer noopener\">qui<\/a>, e le\u00a0<a href=\"https:\/\/web.dev\/vitals-field-measurement-best-practices\/\" target=\"_blank\" rel=\"noreferrer noopener\">best practice<\/a>\u00a0da seguire per misurare le performance direttamente sul campo.<\/p>\n\n\n\n<p>Google inserir\u00e0 questi parametri all\u2019interno dei fattori per il&nbsp;<strong>ranking SEO<\/strong>&nbsp;a partire da&nbsp;<strong>maggio 2021<\/strong>. Non saranno gli unici fattori a influenzare il ranking, andranno ad aggiungersi ai segnali gi\u00e0 utilizzati da Google fino ad oggi (l\u2019ottimizzazione per i dispositivi mobile, la navigazione sicura su Chrome, la sicurezza HTTPS e gli interstitial non intrusivi). La priorit\u00e0 sar\u00e0 sempre data alle pagine con le migliori informazioni complessive, una buona&nbsp;<strong>esperienza utente<\/strong>&nbsp;non va a sostituire la presenza di&nbsp;<strong>contenuti di interesse e pertinenti<\/strong>, ma se due siti hanno contenuti simili allora l\u2019esperienza utente potr\u00e0 fare la differenza per i risultati in SERP.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I nuovi standard imposti da Google per un\u2019ottima esperienza utente Per anni Google ha lavorato per dare la giusta importanza a page speed e UX. Negli ultimi anni il peso si \u00e8 spostato sempre pi\u00f9 verso l\u2019esperienza utente&nbsp;su mobile, infatti nella maggior parte dei casi il primo accesso a un sito avviene da smartphone e [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1538,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[83],"argument":[130,87],"country":[94,95],"class_list":["post-1359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-approfondimento","argument-seo","argument-all","country-italia","country-spagna"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP\" \/>\n<meta property=\"og:description\" content=\"I nuovi standard imposti da Google per un\u2019ottima esperienza utente Per anni Google ha lavorato per dare la giusta importanza a page speed e UX. Negli ultimi anni il peso si \u00e8 spostato sempre pi\u00f9 verso l\u2019esperienza utente&nbsp;su mobile, infatti nella maggior parte dei casi il primo accesso a un sito avviene da smartphone e [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\" \/>\n<meta property=\"og:site_name\" content=\"EVOLUTION GROUP\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-15T09:43:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-22T10:33:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Francesca Favo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francesca Favo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\"},\"author\":{\"name\":\"Francesca Favo\",\"@id\":\"https:\/\/evolutiongroup.digital\/#\/schema\/person\/049bd6f415a1a7b23ab41ed5854e2474\"},\"headline\":\"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS\",\"datePublished\":\"2021-03-15T09:43:00+00:00\",\"dateModified\":\"2022-07-22T10:33:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\"},\"wordCount\":887,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/evolutiongroup.digital\/#organization\"},\"image\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg\",\"articleSection\":[\"Approfondimento\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\",\"url\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\",\"name\":\"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP\",\"isPartOf\":{\"@id\":\"https:\/\/evolutiongroup.digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg\",\"datePublished\":\"2021-03-15T09:43:00+00:00\",\"dateModified\":\"2022-07-22T10:33:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage\",\"url\":\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg\",\"contentUrl\":\"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/evolutiongroup.digital\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/evolutiongroup.digital\/#website\",\"url\":\"https:\/\/evolutiongroup.digital\/\",\"name\":\"Evolution Group\",\"description\":\"Your Story, Your Success. TRUST\",\"publisher\":{\"@id\":\"https:\/\/evolutiongroup.digital\/#organization\"},\"alternateName\":\"Evolution Group\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/evolutiongroup.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/evolutiongroup.digital\/#organization\",\"name\":\"Evolution Group\",\"alternateName\":\"Evolution Group\",\"url\":\"https:\/\/evolutiongroup.digital\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/evolutiongroup.digital\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/06\/logo-evolutiongroup-black.svg\",\"contentUrl\":\"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/06\/logo-evolutiongroup-black.svg\",\"width\":372,\"height\":39,\"caption\":\"Evolution Group\"},\"image\":{\"@id\":\"https:\/\/evolutiongroup.digital\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/evolutiongroupdigital\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/evolutiongroup.digital\/#\/schema\/person\/049bd6f415a1a7b23ab41ed5854e2474\",\"name\":\"Francesca Favo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/evolutiongroup.digital\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a0353ce3dd3f29f9ff804d5ead287be1e945acc20fa1638a4e391b9a864c0303?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a0353ce3dd3f29f9ff804d5ead287be1e945acc20fa1638a4e391b9a864c0303?s=96&d=mm&r=g\",\"caption\":\"Francesca Favo\"},\"url\":\"https:\/\/evolutiongroup.digital\/it\/author\/francesca-favo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP","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:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/","og_locale":"it_IT","og_type":"article","og_title":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP","og_description":"I nuovi standard imposti da Google per un\u2019ottima esperienza utente Per anni Google ha lavorato per dare la giusta importanza a page speed e UX. Negli ultimi anni il peso si \u00e8 spostato sempre pi\u00f9 verso l\u2019esperienza utente&nbsp;su mobile, infatti nella maggior parte dei casi il primo accesso a un sito avviene da smartphone e [&hellip;]","og_url":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/","og_site_name":"EVOLUTION GROUP","article_published_time":"2021-03-15T09:43:00+00:00","article_modified_time":"2022-07-22T10:33:14+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg","type":"image\/jpeg"}],"author":"Francesca Favo","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Francesca Favo","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#article","isPartOf":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/"},"author":{"name":"Francesca Favo","@id":"https:\/\/evolutiongroup.digital\/#\/schema\/person\/049bd6f415a1a7b23ab41ed5854e2474"},"headline":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS","datePublished":"2021-03-15T09:43:00+00:00","dateModified":"2022-07-22T10:33:14+00:00","mainEntityOfPage":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/"},"wordCount":887,"commentCount":0,"publisher":{"@id":"https:\/\/evolutiongroup.digital\/#organization"},"image":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage"},"thumbnailUrl":"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg","articleSection":["Approfondimento"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/","url":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/","name":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS - EVOLUTION GROUP","isPartOf":{"@id":"https:\/\/evolutiongroup.digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage"},"image":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage"},"thumbnailUrl":"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg","datePublished":"2021-03-15T09:43:00+00:00","dateModified":"2022-07-22T10:33:14+00:00","breadcrumb":{"@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#primaryimage","url":"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg","contentUrl":"https:\/\/evolutiongroup.digital\/wp-content\/uploads\/2021\/03\/SNACKS-Core-web-vitals.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/evolutiongroup.digital\/it\/core-web-vitals-cosa-sono-e-come-si-ottimizzano-lcp-fid-e-cls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/evolutiongroup.digital\/it\/"},{"@type":"ListItem","position":2,"name":"Core web vitals: cosa sono e come si ottimizzano LCP, FID e CLS"}]},{"@type":"WebSite","@id":"https:\/\/evolutiongroup.digital\/#website","url":"https:\/\/evolutiongroup.digital\/","name":"Evolution Group","description":"Your Story, Your Success. TRUST","publisher":{"@id":"https:\/\/evolutiongroup.digital\/#organization"},"alternateName":"Evolution Group","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/evolutiongroup.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/evolutiongroup.digital\/#organization","name":"Evolution Group","alternateName":"Evolution Group","url":"https:\/\/evolutiongroup.digital\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/evolutiongroup.digital\/#\/schema\/logo\/image\/","url":"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/06\/logo-evolutiongroup-black.svg","contentUrl":"http:\/\/evolutiongroup.digital\/wp-content\/uploads\/2022\/06\/logo-evolutiongroup-black.svg","width":372,"height":39,"caption":"Evolution Group"},"image":{"@id":"https:\/\/evolutiongroup.digital\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/evolutiongroupdigital\/"]},{"@type":"Person","@id":"https:\/\/evolutiongroup.digital\/#\/schema\/person\/049bd6f415a1a7b23ab41ed5854e2474","name":"Francesca Favo","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/evolutiongroup.digital\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0353ce3dd3f29f9ff804d5ead287be1e945acc20fa1638a4e391b9a864c0303?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0353ce3dd3f29f9ff804d5ead287be1e945acc20fa1638a4e391b9a864c0303?s=96&d=mm&r=g","caption":"Francesca Favo"},"url":"https:\/\/evolutiongroup.digital\/it\/author\/francesca-favo\/"}]}},"_links":{"self":[{"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/posts\/1359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":5,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/posts\/1359\/revisions"}],"predecessor-version":[{"id":1748,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/posts\/1359\/revisions\/1748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/media\/1538"}],"wp:attachment":[{"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/media?parent=1359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/categories?post=1359"},{"taxonomy":"argument","embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/argument?post=1359"},{"taxonomy":"country","embeddable":true,"href":"https:\/\/evolutiongroup.digital\/it\/wp-json\/wp\/v2\/country?post=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}