{"id":94,"date":"2023-09-01T10:00:00","date_gmt":"2023-09-01T10:00:00","guid":{"rendered":"https:\/\/www.hostgento.com\/blog\/?p=94"},"modified":"2023-12-07T17:23:13","modified_gmt":"2023-12-07T17:23:13","slug":"core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/","title":{"rendered":"Core Web Vitals: Cosa sono e perch\u00e9 sono importanti per Google"},"content":{"rendered":"<blockquote>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\"><a href=\"https:\/\/www.hostgento.com\/blog\/blog\/2021\/02\/12\/4-tool-per-misurare-la-velocita-di-magento-e-ottimizzarne-le-performances\/\" target=\"_blank\" rel=\"noopener\">Quanto \u00e8 veloce il tuo negozio online<\/a>? Se non lo sai, <a href=\"https:\/\/speed.hostgento.com\/\" target=\"_blank\" rel=\"noopener\">verificalo subito<\/a>!<\/p>\n<\/blockquote>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Google annunciato che cambier\u00e0 i suoi algoritmi e valuter\u00e0 i siti su tre parametri aggiuntivi:<\/p>\n<ul>\n<li>caricamento<\/li>\n<li>interattivit\u00e0<\/li>\n<li>stabilit\u00e0 visiva<\/li>\n<\/ul>\n<p><\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Queste metriche, chiamate <a href=\"https:\/\/corewebvitals.it\/\" target=\"_blank\" rel=\"noopener\"><strong>Core Web Vitals<\/strong><\/a>, stanno diventando nuovi segnali di ranking che sono entrati in azione a maggio 2021.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d23eb1293e9\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d23eb1293e9\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Core_Web_Vitals_Cosa_sono\" >Core Web Vitals: Cosa sono?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Velocita_e_SEO\" >Velocit\u00e0 e SEO<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Largest_Contentful_Paint_LCP\" >Largest Contentful Paint (LCP)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Quindi_in_sostanza_come_e_possibile_controllare_lLCP\" >Quindi in sostanza, come \u00e8 possibile controllare l&#8217;LCP?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Come_ottimizzare_l_LCP\" >Come ottimizzare l&#8217; LCP?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#First_Input_Delay_FID\" >First Input Delay (FID)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Cose_il_FID\" >Cos&#8217;\u00e8 il FID?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Cumulative_Layout_Shift_CLS\" >Cumulative Layout Shift (CLS)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Perche_gli_elementi_del_tuo_sito_possono_cambiare\" >Perch\u00e9 gli elementi del tuo sito possono cambiare?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#AMP_e_PWA\" >AMP e PWA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Vuoi_strumenti_utili_per_Core_Web_Vitals\" >Vuoi strumenti utili per Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Conclusioni\" >Conclusioni<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Vuoi_saperne_di_piu\" >Vuoi saperne di pi\u00f9?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/core-web-vitals-cosa-sono-e-perche-sono-importanti-per-google\/#Guarda_il_nostro_video_sui_Core_Web_Vitals_su_YouTube\" >Guarda il nostro video sui Core Web Vitals su YouTube<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Core_Web_Vitals_Cosa_sono\"><\/span>Core Web Vitals: Cosa sono?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p dir=\"ltr\" data-placeholder=\"Traduzione\"><img decoding=\"async\" class=\"alignnone wp-image-1374 size-full\" src=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/core-web-vitals-lcp-fid-cls.jpeg\" alt=\"\" width=\"1082\" height=\"302\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/core-web-vitals-lcp-fid-cls.jpeg 1082w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/core-web-vitals-lcp-fid-cls-300x84.jpeg 300w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/core-web-vitals-lcp-fid-cls-1024x286.jpeg 1024w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/core-web-vitals-lcp-fid-cls-768x214.jpeg 768w\" sizes=\"(max-width: 1082px) 100vw, 1082px\" \/><\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">I Core Web Vitals o Segnali Web Esseniali sono stati progettati per aiutare Google a comprendere l&#8217;esperienza che gli utenti hanno quando accedono alle tue pagine web. Essenzialmente, si tratta di una valutazione dell&#8217;esperienza utente basata su tre pilastri:<\/p>\n<ul>\n<li>caricamento (<a href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/lcp-largest-contentful-paint-il-contenuto-visivo-piu-grande-stampato\/\">LCP<\/a>)<\/li>\n<li>interattivit\u00e0 (<a href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/fid-first-input-delay\/\">FID<\/a>)<\/li>\n<li>stabilit\u00e0 visiva (CLS)<\/li>\n<\/ul>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Le metriche del Core Web Vitals per Google, si basano su questi criteri o meglio su queste domande:<\/p>\n<ul>\n<li>Quanto velocemente appare il contenuto sullo schermo? (LCP)<\/li>\n<li>Quanto velocemente reagisce la pagina all&#8217;interazione dell&#8217;utente? (FID)<\/li>\n<li>Il contenuto si sposta sullo schermo durante il caricamento del sito? (CLS)<\/li>\n<\/ul>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ecco che quindi i <strong>Core Web Vitals <\/strong>pu\u00f2 diventare anche un vantaggio per il tuo store. Ad esempio, se tu e il tuo concorrente avete contenuti simili e pertinenti, <strong>Google premier\u00e0 un sito che si carica pi\u00f9 velocemente. <\/strong><\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ma vediamo ora nel dettagli le singolarit\u00e0 di ogni metrica.<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Velocita_e_SEO\"><\/span>Velocit\u00e0 e SEO<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">I tempi in cui la SEO si riduceva semplicemente a riempire il tuo sito web con un lungo elenco di parole chiave e backlink sono finiti. Oggi infatti, Google inizia a prestare maggiore attenzione ad un nuovo fatto: la <strong>Web Performance<\/strong>.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Nel maggio 2020, Google ha infatti effettuato un studio dal quale \u00e8 emerso che gli utenti richiedono una user experience migliore, con siti veloci e bassi tempi di attesa. La velocit\u00e0 \u00e8&nbsp; comunque sempre stata un indicatore importante per una buona esperienza utente e ora pi\u00f9 che mai, sar\u00e0 un fattore discriminante per la SEO.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\"><strong>A partire da maggio 2021<\/strong>, infatti oltre a influire sul tasso di conversione, la velocit\u00e0 e quindi anche le prestazioni web, verranno conteggiate per la SEO. Il tutto verr\u00e0 misurato su una serie di nuove metriche, note come <strong>Core Web Vitals<\/strong>.<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Largest_Contentful_Paint_LCP\"><\/span>Largest Contentful Paint (LCP)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Molte persone confondono questa metrica con il tempo necessario per il caricamento completo della pagina. Tuttavia, tieni presente che l&#8217; LCP non \u00e8 semplicemente il tempo di caricamento di una pagina, ma piuttosto il <strong>tempo necessario affinch\u00e9 il contenuto pi\u00f9 pesante, appaia effettivamente sullo schermo<\/strong>.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Mi spiego meglio&#8230;Quando tu entri all&#8217;interno di un Ecommerce e clicchi su un articolo, arrivi sulla pagina di prodotto. Questa pagina contiene; intestazione, logo, testo e immagine. Le immagini molto spesso sono piuttosto pesanti e occupano pi\u00f9 spazio sullo schermo. L&#8217; LCP sarebbe quindi il tempo necessario per caricare completamente l&#8217;immagine.<\/p>\n<h3 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Quindi_in_sostanza_come_e_possibile_controllare_lLCP\"><\/span>Quindi in sostanza, come \u00e8 possibile controllare l&#8217;LCP?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Google offre una serie di strumenti che ti aiutano a identificare l&#8217;elemento pi\u00f9 grande presente in una pagina web. Ci sono anche molti altri strumenti per verificare questo. Se vuoi sapere quali sono, leggi il nostro articolo <a href=\"https:\/\/www.hostgento.com\/blog\/4-tool-per-misurare-la-velocita-di-magento-e-ottimizzarne-le-performances\/\">4 Tool per misurare la velocit\u00e0 di Magento e ottimizzarne le performance<\/a>.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Troverai tante info per p<strong>oter verificare la velocit\u00e0 del tuo store<\/strong> e soprattutto un&#8217; utile p<strong>anoramica sulle criticit\u00e0&nbsp; presenti<\/strong>.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Dopo aver controllato il tuo punteggio LCP, confrontalo con i dati di Google. Secondo la societ\u00e0 del motore di ricerca infatti, non dovresti essere oltre 2,5 secondi.<\/p>\n<p dir=\"ltr\" data-placeholder=\"Traduzione\"><a href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/lcp-largest-contentful-paint-il-contenuto-visivo-piu-grande-stampato\/\"><img decoding=\"async\" class=\"alignnone wp-image-1355 size-large\" src=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/LCP-Largest-Contentful-Paint-1024x535.jpg\" alt=\"\" width=\"768\" height=\"401\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/LCP-Largest-Contentful-Paint-1024x535.jpg 1024w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/LCP-Largest-Contentful-Paint-300x157.jpg 300w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/LCP-Largest-Contentful-Paint-768x401.jpg 768w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/LCP-Largest-Contentful-Paint.jpg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/p>\n<h3 class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Come_ottimizzare_l_LCP\"><\/span>Come ottimizzare l&#8217; LCP?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Per cercare di ottimizzare l&#8217; LCP, ecco un piccolo elenco che pu\u00f2 esserti utile:<\/p>\n<ul>\n<li><strong>Ottimizza le immagini<\/strong>. Precarica, comprimi e riduci il peso di tutti gli elementi visivi che sono presenti nel tuo sito. Pi\u00f9 basso \u00e8 il numero di MB, minore sar\u00e0 il tempo necessario per il caricamento.<\/li>\n<li><strong>Ottimizza il server<\/strong>. Memorizza nella cache tutti i file statici o utilizza soluzioni <a href=\"https:\/\/www.hostgento.com\/cart.php?a=add&amp;pid=140\" target=\"_blank\" rel=\"noopener\">CDN<\/a> pronte per l&#8217;uso. Il vantaggio della CDN \u00e8 che fornisce contenuti dal server pi\u00f9 vicino all&#8217;utente. Quindi le immagini e le descrizioni dei prodotti vengono caricate pi\u00f9 velocemente.<\/li>\n<li><strong>Ottimizza JavaScript e CSS<\/strong>. Rivedi e taglia qualsiasi codice non necessario dai file CSS o JS. \u00c8 meglio dedicare un file CSS \/ JS separato per ogni blocco invece di scrivere tutta la logica e gli stili JS in un file ingombrante.<\/li>\n<li><strong>Ottimizza il rendering lato client<\/strong>. Non utilizzare molte operazioni di nidificazione dei componenti nella struttura ad albero DOM. Prova a utilizzare meno funzioni setTimeout per eseguire il rendering e aggiungere elementi al DOM nel caso di eventi &#8220;document.ready&#8221; e &#8220;window.onload&#8221;.<\/li>\n<\/ul>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"First_Input_Delay_FID\"><\/span>First Input Delay (FID)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Questa metrica riflette la reattivit\u00e0 del tuo sito: in sostanza, misura <strong>il tempo necessario per rispondere a qualsiasi interazione dell&#8217;utente<\/strong>.<\/p>\n<p dir=\"ltr\" data-placeholder=\"Traduzione\">\n<\/p><p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ad esempio, se l&#8217;utente entra nel tuo negozio di E-commerce, tocca un pulsante e &#8230; non succede nulla, c&#8217;\u00e8 qualcosa che non va! L&#8217;utente \u00e8 scontento e va via dal tuo sito.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ma come mai accade?<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Tutto questo succede quando il browser sta ancora eseguendo altre operazioni in background e semplicemente non \u00e8 pronto per eseguire un comando. Questo tipo di ritardi sono abbastanza comuni per i siti in Magento. Questo dipende dal fatto che si chiede ai browser di eseguire troppi comandi JavaScript e i browser semplicemente non sono in grado di eseguirli rapidamente. Di conseguenza, gli utenti rimangono in attesa fino a quando, facendo clic sul pulsante, selezionando un&#8217;opzione o immettendo un testo, cambier\u00e0 qualcosa sullo schermo.<\/p>\n<h3 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Cose_il_FID\"><\/span>Cos&#8217;\u00e8 il FID?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">\u00c8 una misura di tutte le interazioni dell&#8217;utente che si verificano quando il tuo sito \u00e8 ancora in fase di caricamento. Google desidera che il tuo sito risponda all&#8217;interazione dell&#8217;utente anche quando non ha ancora terminato il caricamento. Le uniche due eccezioni sono lo zoom e lo scorrimento: questi input dell&#8217;utente non sono incorporati nel punteggio FID.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ecco una ripartizione di ci\u00f2 che Google considera reattivo:<\/p>\n<p dir=\"ltr\" data-placeholder=\"Traduzione\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-101\" src=\"https:\/\/www.hostgento.com\/blog\/wp-content\/uploads\/2021\/02\/fid.png\" alt=\"\"><\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Una cosa speciale del FID \u00e8 che non pu\u00f2 essere misurato senza che gli utenti interagiscano effettivamente con il tuo sito. Questo significa che Google non pu\u00f2 stimare il tuo punteggio FID basandosi esclusivamente su dati teorici. Prenderanno dati da utenti reali, noti anche come dati sul campo.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Migliorare FID significa ridurre JavaScript inutilizzato (il linguaggio di codifica responsabile dell&#8217;esecuzione dei comandi utente). Se tagli il JavaScript non necessario e riduci il tempo necessario per eseguire le sue attivit\u00e0, farai molta strada con il tuo punteggio FID.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Tuttavia, l&#8217;ottimizzazione di JavaScript \u00e8 complicata. A volte, dovrai sacrificare alcune delle funzionalit\u00e0 del tuo sito, per vedere salti di prestazione.<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Cumulative_Layout_Shift_CLS\"><\/span>Cumulative Layout Shift (CLS)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">A differenza delle due metriche precedenti, il Cumulative Layout Shift, risolve un problema diverso, direttamente legato alla sensazione dell&#8217;utente.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Il CLS infatti, <strong>misura tutti i cambiamenti di layout del tuo sito durante il caricamento.<\/strong> Mi spiego, se sei in un negozio online di smartphone, clicchi su un prodotto e anzich\u00e9 essere reindirizzato verso la scheda prodotto, entri su una scheda differente, con un diverso layout, che magari \u00e8 legata ad un altro prodotto o addirittura ad una pubblicit\u00e0!<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">E&#8217; chiaro che quel punto, sono sicuro che sarai piuttosto infastidito e che probabilmente non concluderai l&#8217;acquisto.<\/p>\n<h3 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Perche_gli_elementi_del_tuo_sito_possono_cambiare\"><\/span>Perch\u00e9 gli elementi del tuo sito possono cambiare?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Questo pu\u00f2 accedere per esempio, quando tutto il contenuto della pagina, sembra essere completamente caricato e visibile, ma il download di un elemento di grandi dimensioni non \u00e8 ancora terminato. Nel momento in cui accade, tutti gli altri contenuti vengono &#8220;spinti&#8221;, il che si traduce in improvvisi cambi di layout.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Un altro fattore importante che pu\u00f2 far saltare il layout dei tuoi contenuti sono gli annunci. Spesso occupano molto spazio sullo schermo e si caricano pi\u00f9 lentamente del resto del contenuto. E non appena vengono caricati, tutto il contenuto del sito \u00e8 soggetto a modifiche.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ecco, il CLS viene calcolato in base a quanto si sono spostati gli elementi del tuo sito e all&#8217;impatto che il movimento ha portato al cliente. Google ritiene che qualsiasi valore inferiore a 0,1 sia &#8220;buono&#8221;, come puoi vedere in base ai criteri CLS di seguito:<\/p>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ovviamente, Google considera solo i movimenti imprevisti. Questo significa che se un acquirente fa clic sul menu e alcuni elementi della tua pagina si spostano, questo non influir\u00e0 sul tuo punteggio CLS.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Per avere un buon punteggio CLS \u00e8 importante anche la questione&nbsp; delle immagini del prodotto. Molti sviluppatori dimenticano di specificare gli attributi di larghezza e lunghezza delle immagini, lasciando che sia il browser a decidere come devono apparire sullo schermo. Poich\u00e9 la descrizione del prodotto di solito viene caricata prima delle immagini, gli acquirenti online iniziano a leggerla per primi. Tuttavia, non appena un&#8217;immagine viene caricata, spinge il testo in alto o in basso e interrompe il processo di lettura. Se specifichi le dimensioni dell&#8217;immagine tramite CSS o HTML, lo spazio per quell&#8217;immagine verr\u00e0 riservato durante i tempi di caricamento e i clienti potranno navigare nel tuo sito senza interruzioni.<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"AMP_e_PWA\"><\/span>AMP e PWA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">La cosa interessante del nuovo aggiornamento di Google \u00e8 che l&#8217; AMP non \u00e8 pi\u00f9 un requisito per essere incluso nella sezione Top Stories. A partire da maggio 2021, tutti i negozi online che soddisfano i criteri di <strong>Core Web Vitals<\/strong> sarebbero idonei ad entrare nella sezione.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Questa \u00e8 una notizia molto interessante perch\u00e9 dimostra come Google stia davvero facendo il possibile per garantire un&#8217;ottima user experience. Questa \u00e8 anche un&#8217;ottima notizia per tutti i siti Web PWA! Nel 2015, Google stesso ha introdotto la tecnologia PWA per creare siti con una migliore esperienza utente.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Ora con chiari vantaggi per gli utenti mobili e un approccio incentrato sull&#8217;utente, i negozi PWA hanno un&#8217;alta probabilit\u00e0 di vincere la battaglia contro AMP e siti tradizionali.<\/p>\n<h2 id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Vuoi_strumenti_utili_per_Core_Web_Vitals\"><\/span>Vuoi strumenti utili per <strong>Core Web Vitals<\/strong>?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">Molti strumenti sono gi\u00e0 a portata di mano. Google si \u00e8 assicurata che i proprietari dei siti dispongano di tutte le risorse necessarie per adattarsi ai nuovi cambiamenti. Ecco 6 modi essenziali per analizzare e migliorare il tuo sito su Core Web Vitals.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.bhoost.com\/it\/speed-test\/\">Speed Bhoost<\/a>. Il nuovo tool di Bhoost che ti consente di verificare prestazioni, velocit\u00e0 e punti critici del tuo store.<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\/api\/reference\" target=\"_blank\" rel=\"noopener\">Chrome UX Report<\/a>. La nuovissima API di Chrome ti consente di controllare il rendimento del tuo sito negli ultimi 28 giorni.<\/li>\n<li><a href=\"https:\/\/search.google.com\/\" target=\"_blank\" rel=\"noopener\">Search Console<\/a>. Utilizza il report Core Web Vitals per identificare le pagine che necessitano di miglioramenti.<\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed \u200b\u200bInsights<\/a>. Un ottimo strumento per ottenere una rapida panoramica di tutti i punteggi di Core Web Vitals.<\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=it\" target=\"_blank\" rel=\"noopener\">Lighthouse<\/a>. Ottieni indicazioni pratiche su come ottimizzare le metriche di Core Web Vitals.<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\">Chrome DevTools<\/a>. Proprio come Lighthouse, lo strumento gratuito fornisce istruzioni su come migliorare i tuoi punteggi CWV.<\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noopener\">Web Vitals Extension<\/a>. Utilizza questa estensione di qualit\u00e0 per visualizzare le metriche chiave sull&#8217;esperienza utente per qualsiasi sito che visiti.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Conclusioni\"><\/span>Conclusioni<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">I merchants quindi competeranno sulla velocit\u00e0. Ma una cosa importante da ricordare \u00e8 che questi cambiamenti non vengono introdotti per rendere il mondo online pi\u00f9 competitivo. L&#8217;o<strong>biettivo di Core Web Vitals \u00e8 migliorare l&#8217;esperienza online<\/strong>. Usa quindi queste metriche come indicatori per la buona riuscita del tuo store online.<\/p>\n<p class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Traduzione\">La chiave del successo \u00e8 cercare di fornire sempre le migliori esperienze online ai tuoi clienti.<\/p>\n<h2 dir=\"ltr\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Vuoi_saperne_di_piu\"><\/span>Vuoi saperne di pi\u00f9?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 dir=\"ltr\" data-placeholder=\"Traduzione\"><span class=\"ez-toc-section\" id=\"Guarda_il_nostro_video_sui_Core_Web_Vitals_su_YouTube\"><\/span>Guarda il nostro video sui Core Web Vitals su YouTube<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><\/h3>\n\n\n<\/h3>\n<h3 class=\"wp-block-heading\">\n\n\n\n<\/h3>\n<p>Se vuoi approfondire il discorso, Bhoost ti mette a disposizione due utilissime risorse:<\/p>\n<ul>\n<li>Il Video YouTube del nostro Andrea Sacc\u00e0, in cui si parla di Core Web Vitals, di cosa sono e perch\u00e9 sono fondamentali per il tuo E-Commerce<\/li>\n<li>Il nostro ebook totalmente grauito<\/li>\n<\/ul>\n<p>\n\n\n<p><\/p>\n<p>Scarica subito gratuitamente il nostro e-book e scoprirai alcuni consigli che ti saranno molto utili per migliorare le performance del tuo sito.<\/p>\n<p><a href=\"https:\/\/www.bhoost.com\/it\/ebooks\/ebook-core-web-vitals\/\"><img decoding=\"async\" class=\"alignnone wp-image-1283 size-full\" src=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/banner-ebook.png\" alt=\"banner-ebook-core-web-vitals\" width=\"1200\" height=\"627\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/banner-ebook.png 1200w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/banner-ebook-300x157.png 300w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/banner-ebook-1024x535.png 1024w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/02\/banner-ebook-768x401.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Quanto \u00e8 veloce il tuo negozio online? Se non lo sai, verificalo subito! Google annunciato che cambier\u00e0 i suoi algoritmi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1732,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[50],"tags":[60],"class_list":["post-94","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-corewebvitals","tag-corewebvitals","post_format-post-format-image"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1.png","uagb_featured_image_src":{"full":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1.png",1280,720,false],"thumbnail":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1-150x150.png",150,150,true],"medium":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1-300x169.png",300,169,true],"medium_large":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1-768x432.png",768,432,true],"large":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1-1024x576.png",768,432,true],"1536x1536":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1.png",1280,720,false],"2048x2048":["https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/07\/Core-web-vitals-1.png",1280,720,false]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.bhoost.com\/it\/author\/andreasacca_vd0s1ik8\/"},"uagb_comment_info":11,"uagb_excerpt":"Quanto \u00e8 veloce il tuo negozio online? Se non lo sai, verificalo subito! Google annunciato che cambier\u00e0 i suoi algoritmi [&hellip;]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":16,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":1604,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/94\/revisions\/1604"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media\/1732"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}