{"id":3529,"date":"2022-06-01T14:48:11","date_gmt":"2022-06-01T12:48:11","guid":{"rendered":"https:\/\/www.thron.com\/?p=3529"},"modified":"2023-08-29T10:06:01","modified_gmt":"2023-08-29T08:06:01","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.thron.com\/it\/blog\/approfondimenti\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: leggi qui, Google sar\u00e0 felice"},"content":{"rendered":"\n<p>La SEO, si sa, \u00e8 cruciale per raggiungere i clienti online. Da qualche tempo, Google ha annunciato i parametri che pi\u00f9 di altri influenzano il ranking dei risultati delle ricerche: i&nbsp;<strong>Core Web Vitals<\/strong>.<\/p>\n\n\n\n<p>In questo articolo li scopriremo insieme uno per uno, spiegheremo&nbsp;<strong>come si calcolano, come ottimizzarli e il ruolo chiave della distribuzione degli asset digitali<\/strong>&nbsp;per il posizionamento ottimale di siti web ed e-commerce sulle SERP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Paragrafo-1\">SEO, Google e Core Web Vitals<\/h2>\n\n\n\n<p>Ogni giorno gli<strong>&nbsp;italiani<\/strong>&nbsp;spendono in media&nbsp;<strong>oltre sei ore sul web<\/strong>. Nel&nbsp;<strong>74%<\/strong>&nbsp;dei casi lo fanno&nbsp;<strong>per cercare informazioni<\/strong><sup>1<\/sup>.<\/p>\n\n\n\n<p>Il tempo a disposizione per singola ricerca \u00e8 poco e gli utenti vogliono trovare rapidamente ci\u00f2 che cercano. Questo spiega perch\u00e9 i clic si concentrano sui primi link della SERP (Search Engine Research Page, la pagina dei risultati di ricerca).<\/p>\n\n\n\n<p>Secondo i dati di Sistrix<sup>2<\/sup>, il&nbsp;<strong>28% clicca sul primo risultato<\/strong>, il 16% sul secondo, l\u201911% sul terzo. Dalla seconda pagina, la percentuale di clic scende al di sotto dell\u20191% per ogni posizione.<\/p>\n\n\n\n<p>Ecco perch\u00e9&nbsp;<strong>contenuti ben posizionati sono fondamentali<\/strong>&nbsp;per ogni brand.<\/p>\n\n\n\n<p>Il posizionamento \u00e8 reso possibile dalla&nbsp;<strong>SEO<\/strong>.<\/p>\n\n\n\n<p>Sotto l\u2019ombrello della SEO \u2013 Search Engine Optimization \u2013 ricadono infatti le attivit\u00e0 necessarie per&nbsp;<strong>ottimizzare il posizionamento di un contenuto di un sito web<\/strong>&nbsp;tra i risultati dei motori di ricerca.<\/p>\n\n\n\n<p>E considerando che&nbsp;<strong>Google<\/strong>&nbsp;\u00e8 il motore di ricerca pi\u00f9 utilizzato al mondo (92%!)<sup>3<\/sup>&nbsp;\u00e8 naturale guardare a&nbsp;<em>Big G<\/em>&nbsp;quando si parla di SEO.<\/p>\n\n\n\n<p>Conoscere \u2013 e soddisfare \u2013 i requisiti per favorire il posizionamento dei contenuti su Google \u00e8 strategico, ma spesso pu\u00f2 rivelarsi complesso. Un po\u2019 come per la ricetta della cola pi\u00f9 famosa al mondo, infatti, anche&nbsp;<strong>le variabili alla base dell\u2019algoritmo del motore di ricerca sono segrete<\/strong>.<\/p>\n\n\n\n<p>Tuttavia, a partire dal 2021, Google ha reso pubblica una serie di parametri \u2013 definiti Web Vitals \u2013 che influiscono sull\u2019algoritmo e sul calcolo del ranking di posizionamento.<\/p>\n\n\n\n<p>Si tratta di parametri che definiscono la&nbsp;<strong>qualit\u00e0 dell\u2019esperienza di navigazione dell\u2019utente<\/strong>.<\/p>\n\n\n\n<p>Tra i Web Vitals, ce ne sono tre definiti \u201cCore\u201d, ritenuti&nbsp;<strong>cruciali<\/strong>&nbsp;da Google. I cosiddetti&nbsp;<strong>Core Web Vitals<\/strong>.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><sup>1<\/sup>&nbsp;<em>Digital 2022 Italy<\/em>, 2022, We Are Social &#8211; Hootsuite.<br><sup>2<\/sup>&nbsp;<em>Over 25% of People Click the First Google Search Result<\/em>, 2020, Search Engine Journal &#8211; Sistrix.<br><sup>3<\/sup>&nbsp;<em>I motori di ricerca pi\u00f9 usati nel mondo<\/em>, 2021, SEOAlk &#8211; StatCounter Global Stats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Paragrafo-2\">Cosa sono i Core Web Vitals<\/h2>\n\n\n\n<p>I Core Web Vitals sono tre parametri che misurano la&nbsp;<strong>qualit\u00e0 di navigazione di un sito web o un e-commerce<\/strong>&nbsp;e sono considerati particolarmente importanti da Google.<\/p>\n\n\n\n<p>I Core Web Vitals sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP&nbsp;<\/strong>\u2013 Largest Contentful Paint<\/li>\n\n\n\n<li><strong>FID<\/strong>&nbsp;\u2013 First Input Delay<\/li>\n\n\n\n<li><strong>CLS<\/strong>&nbsp;\u2013 Cumulative Layout Shifts<\/li>\n<\/ul>\n\n\n\n<p>In estrema sintesi, misurano rispettivamente il&nbsp;<strong>tempo di caricamento<\/strong>, la&nbsp;<strong>reattivit\u00e0<\/strong>&nbsp;e la&nbsp;<strong>stabilit\u00e0<\/strong>&nbsp;di una pagina web e, di riflesso, la buona o cattiva esperienza utente nel web.<\/p>\n\n\n\n<p>Nei paragrafi che seguono&nbsp;<strong>scopriremo di pi\u00f9 su ciascuno di essi<\/strong>, come li calcola Google e quali accortezze seguire per farlo felice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Paragrafo-3\">LCP \u2013 Largest Contentful Paint<\/h2>\n\n\n\n<p>Questo indicatore misura&nbsp;<strong>quanto \u00e8 veloce il caricamento dell\u2019elemento pi\u00f9 grande presente all\u2019interno della pagina web<\/strong>. L\u2019elemento in questione pu\u00f2 essere un\u2019immagine, un video o un blocco di testo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come viene calcolato?<\/h3>\n\n\n\n<p>L\u2019LCP non si basa sui tempi di download dell\u2019elemento pi\u00f9 grande in assoluto ma sui tempi di rendering dell\u2019elemento pi\u00f9 grande&nbsp;<em>above the fold<\/em>.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-1290x511.webp\" alt=\"core web vitals LCP\" class=\"wp-image-3902\" style=\"width:645px;height:256px\" width=\"645\" height=\"256\" srcset=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-1290x511.webp 1290w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-650x257.webp 650w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-768x304.webp 768w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-1536x608.webp 1536w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP-350x139.webp 350w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_01_LCP.webp 2000w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In altre parole,<strong>&nbsp;rientrano nel computo dell\u2019LCP solo gli elementi che compaiono nella schermata di atterraggio in pagina dell\u2019utente<\/strong>, senza che abbia effettuato alcun scroll.<\/p>\n\n\n\n<p>Puoi misurare l\u2019LCP del tuo sito da&nbsp;<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">questa pagina<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come rendere felice Google?<\/h3>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-1290x342.webp\" alt=\"core web vitals LCP\" class=\"wp-image-3906\" style=\"width:645px;height:171px\" width=\"645\" height=\"171\" srcset=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-1290x342.webp 1290w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-650x172.webp 650w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-768x204.webp 768w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-1536x407.webp 1536w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP-350x93.webp 350w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_02_LCP.webp 2000w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Google raccomanda che<strong>&nbsp;il contenuto pi\u00f9 grande above the fold si carichi in meno di 2,5 secondi<\/strong>.<\/p>\n\n\n\n<p>Big G considera accettabili ma migliorabili le performance di contenuti che si caricano tra 2,5 e 4 secondi mentre pessime quelle con tempi superiori ai 4 secondi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come migliorare l&#8217;LCP?<\/h3>\n\n\n\n<p>Ci sono vari fattori che influiscono sulle performance della metrica.<\/p>\n\n\n\n<p><strong>L\u2019ottimizzazione dei file multimediali<\/strong>&nbsp;\u00e8 senza dubbio la prima attivit\u00e0 da pianificare per migliorare l\u2019LCP. Foto e video, in particolare, tendono a essere contenuti molto pesanti, inficiando sui tempi di rendering.<\/p>\n\n\n\n<p>Anche una&nbsp;<strong>CDN<\/strong>&nbsp;\u00e8 preziosa per ottimizzare il Largest Contentful Paint.<\/p>\n\n\n\n<p>La\u00a0<a href=\"https:\/\/www.thron.com\/it\/blog\/approfondimenti\/cdn\/\" target=\"_blank\" data-type=\"post\" data-id=\"3523\" rel=\"noreferrer noopener\">Content Delivery Network<\/a>\u00a0\u00e8 una rete di server sparsi in tutto il mondo e collegati tra loro che consente di rendere\u00a0<strong>pi\u00f9 rapida la distribuzione dei contenuti<\/strong>. Quando l\u2019utente accede ad una pagina web, la CDN indirizza la richiesta al server che gli \u00e8 pi\u00f9 fisicamente vicino, permettendo una risposta pi\u00f9 rapida. Ad un buon LCP contribuiscono inoltre altri elementi, come la rimozione di eventuali plugin non utilizzati presenti nei CMS di sito web ed e-commerce.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come la distribuzione efficace di THRON rende minimo l\u2019LCP<\/h3>\n\n\n\n<p>Una DAM Platform che distribuisce direttamente sui canali finali \u00e8 strategica per massimizzare le performance del Largest Contentful Paint.<\/p>\n\n\n\n<p>Non \u00e8 un caso che&nbsp;<strong>THRON offra diverse funzionalit\u00e0<\/strong>&nbsp;da questo punto di vista.<\/p>\n\n\n\n<p>Innanzitutto, il&nbsp;<strong>Real Time Image Editor<\/strong>&nbsp;(<strong>RTIE<\/strong>).<\/p>\n\n\n\n<p>La funzionalit\u00e0 di THRON per l&#8217;ottimizzazione delle immagini in fase di distribuzione&nbsp;aiuta a ridurre l\u2019LCP perch\u00e9:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>ridimensiona le immagini secondo le necessit\u00e0<\/strong>, evitando di scaricare risorse inutilmente pesanti<\/li>\n\n\n\n<li><strong>seleziona in automatico il formato ottimale dell\u2019immagine<\/strong>&nbsp;in base alle condizioni di fruizione dell\u2019utente, come browser e dispositivo utilizzato\u202f<\/li>\n\n\n\n<li><strong>adatta la qualit\u00e0 di compressione<\/strong>&nbsp;per alleggerire ulteriormente il peso delle risorse.\u202f<\/li>\n<\/ul>\n\n\n\n<p>In secondo luogo, la&nbsp;<strong>CDN<\/strong>. THRON utilizza una rete distribuita in tutto il mondo, elastica e che scala in automatico in base al volume di traffico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Paragrafo-4\">FID \u2013 First Input Delay<\/h2>\n\n\n\n<p>Questo indicatore misura&nbsp;<strong>quanto tempo impiega il browser a rispondere agli input<\/strong>&nbsp;dell\u2019utente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come viene calcolato?<\/h3>\n\n\n\n<p>Espressa in&nbsp;<strong>millisecondi<\/strong>&nbsp;(ms), la metrica calcola il tempo effettivo tra input e risposta fornita.<\/p>\n\n\n\n<p>Per input dell\u2019utente si intende, ad esempio, il&nbsp;<strong>clic su un link<\/strong>, il&nbsp;<strong>tocco di un pulsante<\/strong>&nbsp;o la&nbsp;<strong>fruizione di un controllo<\/strong>&nbsp;personalizzato basato su codice&nbsp;<strong>JavaScript<\/strong>.<\/p>\n\n\n\n<p>Non vengono invece contemplate azioni come lo zoom in pagina o lo scorrimento.<\/p>\n\n\n\n<p>Puoi misurare il FID del tuo sito da&nbsp;<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">questa pagina<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come rendere felice Google?<\/h3>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-1290x342.webp\" alt=\"core web vitals FID\" class=\"wp-image-3922\" style=\"width:645px;height:171px\" width=\"645\" height=\"171\" srcset=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-1290x342.webp 1290w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-650x172.webp 650w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-768x204.webp 768w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-1536x407.webp 1536w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID-350x93.webp 350w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_03_FID.webp 2000w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Tieni presente che&nbsp;<strong>\u00e8 considerato come ottimale un FID sotto i 100 ms<\/strong>, migliorabile uno tra i 100 e i 300 ms, mentre \u00e8 da rivedere un FID sopra i 300 ms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come migliorare il FID?<\/h3>\n\n\n\n<p><strong>La riduzione del peso e della complessit\u00e0 del codice JavaScript<\/strong>&nbsp;consente di ridurre il FID. In particolare, \u00e8 opportuno ridurre impatti e tempi di esecuzione di JavaScript nella pagina. Ad un FID elevato spesso corrisponde una mancata ottimizzazione delle modalit\u00e0 con cui il codice analizza, compila ed esegue la pagina web.<\/p>\n\n\n\n<p>\u00c8 inoltre consigliabile ridurre l\u2019impatto dell\u2019eventuale codice di terze parti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come la distribuzione efficace di THRON rende minimo il FID<\/h3>\n\n\n\n<p>Una DAM Platform che distribuisce gli asset digitali in modo efficace non pu\u00f2 essere sprovvista di attenzioni verso la minimizzazione del FID.<\/p>\n\n\n\n<p>Tornando all\u2019esempio della delivery di THRON, le librerie di codice relative a&nbsp;<strong>THRON Universal Player<\/strong>&nbsp;\u2013 il player per distribuire audio, immagini, video e documenti della nostra piattaforma \u2013&nbsp;<strong>sono minificate ed ottimizzate<\/strong>&nbsp;per garantire le&nbsp;<strong>massime performance in termini di interattivit\u00e0<\/strong>&nbsp;della pagina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Paragrafo-5\">CLS &#8211; Cumulative Layout Shift<\/h2>\n\n\n\n<p>Questo indicatore \u00e8 quello che tra i Core Web Vitals misura la stabilit\u00e0 del layout di un sito web e quindi lo<strong>&nbsp;spostamento di elementi e cambi di layout durante la navigazione<\/strong>.<\/p>\n\n\n\n<p>Banner pubblicitari o di iscrizione a una newsletter, video o immagini come quelli che compaiono leggendo una notizia online, spesso comportano spostamenti dei contenuti all\u2019interno di una pagina, impattando cos\u00ec sulla struttura della pagina stessa. Questo si traduce in una cattiva stabilit\u00e0 della pagina e in una pessima UX.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come viene calcolato?<\/h3>\n\n\n\n<p>Si tratta, tra i tre Web Core Vitals, del parametro pi\u00f9 articolato da misurare.<\/p>\n\n\n\n<p><strong>Espresso in spazio<\/strong>, \u00e8 dato dal<strong>&nbsp;prodotto del componente impatto e della componente distanza<\/strong>, che misurano rispettivamente la dimensione e lo spostamento degli elementi presenti in una pagina web.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-1290x666.webp\" alt=\"core web vitals CLS come calcolarlo\" class=\"wp-image-3914\" style=\"width:645px;height:333px\" width=\"645\" height=\"333\" srcset=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-1290x666.webp 1290w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-650x336.webp 650w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-768x397.webp 768w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-1536x793.webp 1536w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS-350x181.webp 350w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_04_CLS.webp 2000w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In particolare, considerata 100 l\u2019area della pagina visibile dall\u2019utente ultimato il caricamento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>la componente di impatto<\/strong>&nbsp;\u00e8 data dalla&nbsp;<strong>somma dello spazio occupato prima e dopo lo spostamento dell\u2019elemento instabile<\/strong>. Considerando quindi una pagina web che, al caricamento, ha al suo interno un blocco di testo che occupa il 50% dello spazio e che, in seguito, si sposta in basso del 30%, la componente di impatto \u00e8 pari al 80%<\/li>\n\n\n\n<li><strong>la componente distanza<\/strong>&nbsp;\u00e8<strong>&nbsp;pari allo spostamento dell\u2019elemento instabile<\/strong>. Nell\u2019esempio, quindi il 30%.<\/li>\n<\/ul>\n\n\n\n<p>Riprendendo i dati dell\u2019esempio, il CLS \u00e8 pari a 0,24, dato dal prodotto di 0,8 e 0,3.<\/p>\n\n\n\n<p>Puoi misurare il CLS del tuo sito da&nbsp;<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">questa pagina<\/a>.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-1290x262.webp\" alt=\"core web vitals CLS\" class=\"wp-image-3918\" style=\"width:645px;height:131px\" width=\"645\" height=\"131\" srcset=\"https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-1290x262.webp 1290w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-650x132.webp 650w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-768x156.webp 768w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-1536x312.webp 1536w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS-350x71.webp 350w, https:\/\/www.thron.com\/wp-content\/uploads\/2022\/06\/Articolo15_CoreVitals_05_CLS.webp 2000w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Come rendere felice Google?<\/h3>\n\n\n\n<p><strong>Un CLS ottimale \u00e8 inferiore allo 0,1<\/strong>. Se compreso tra 0,1 e 0,25 \u00e8 migliorabile, mentre sopra 0,25 decisamente penalizzante in termini SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come migliorare il CLS?<\/h3>\n\n\n\n<p>Tra le best practice raccomandate da Google per rendere il CLS il pi\u00f9 basso possibile c\u2019\u00e8&nbsp;l\u2019<strong>ottimizzazione degli asset digitali per i dispositivi mobile<\/strong>.<\/p>\n\n\n\n<p>In particolare, \u00e8 opportuno inserire nelle pagine web immagini a risoluzioni differenti, avendo l\u2019attenzione di includere gli attributi di dimensioni e video di modo che poi il browser scelga<strong>&nbsp;la risoluzione pi\u00f9 adeguata alle caratteristiche del dispositivo utilizzato<\/strong>.<\/p>\n\n\n\n<p>Influiscono positivamente sul CLS anche altri aspetti, come l\u2019ottimizzazione dei web font usati.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Come la distribuzione efficace di THRON rende minimo il CLS<\/h3>\n\n\n\n<p>La distribuzione degli asset digitali, come gi\u00e0 anticipato, ha impatti rilevanti sui Web Core Vitals.<\/p>\n\n\n\n<p>CLS incluso.<\/p>\n\n\n\n<p>La delivery di THRON consente di distribuire al massimo delle performance ogni contenuto su tutti i canali.<\/p>\n\n\n\n<p>In particolare, l\u2019<strong>RTIE<\/strong>, come anticipato, al momento della pubblicazione, sceglie in automatico il formato dell\u2019immagine pi\u00f9 adatto rispetto alle<strong>&nbsp;condizioni di fruizione<\/strong>&nbsp;degli utenti, browser e device (anche mobile) inclusi. Performance e qualit\u00e0 sono cos\u00ec sempre ottimizzate.<\/p>\n\n\n\n<p>Con grossi benefici per la riduzione del CLS.<\/p>\n\n\n\n<p><video src=\"blob:https:\/\/blog.thron.com\/8c41761f-e284-422f-8b3b-957a86e49a19\" muted=\"muted\" preload=\"metadata\" poster=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\" loop=\"loop\" autoplay=\"autoplay\"><\/video><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Core Web Vitals: in questo articolo li scopriremo insieme uno per uno e quali sono le regole da rispettare per far felice Google.<\/p>\n","protected":false},"author":10,"featured_media":3730,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-3529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-approfondimenti"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/posts\/3529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/comments?post=3529"}],"version-history":[{"count":17,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/posts\/3529\/revisions"}],"predecessor-version":[{"id":9456,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/posts\/3529\/revisions\/9456"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/media\/3730"}],"wp:attachment":[{"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/media?parent=3529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/categories?post=3529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thron.com\/it\/wp-json\/wp\/v2\/tags?post=3529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}