{"id":68978,"date":"2024-10-11T00:01:00","date_gmt":"2024-10-11T07:01:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=68978"},"modified":"2025-06-11T13:19:01","modified_gmt":"2025-06-11T20:19:01","slug":"prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/","title":{"rendered":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals"},"content":{"rendered":"\n<p>Costruisci un bellissimo sito web con contenuti coinvolgenti e inizia a inviare clienti.<\/p>\n\n\n<p>Sei in una situazione eccitante, specialmente se stai iniziando online.<\/p>\n\n\n<p>Ma dopo una settimana online, hai notato che il tuo sito si carica pi\u00f9 lentamente di un bradipo in una domenica pigra, e i visitatori vanno via pi\u00f9 velocemente di un canguro sotto caffeina.<\/p>\n\n\n<p>Suona familiare? Bene, devi iniziare a pensare a quello che Google definisce i <strong>Core Web Vitals (CWV)<\/strong>.<\/p>\n\n\n<p>Secondo gli ultimi rapporti di Chrome, oltre il <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes\" rel=\"noopener\">50,1%<\/a> dei siti web ha gi\u00e0 ottenuto buoni punteggi nei Core Web Vitals. E questo numero continua a crescere mese dopo mese, il che significa che sempre pi\u00f9 proprietari di siti attenti stanno scoprendo questo segreto per migliorare le prestazioni.<\/p>\n\n\n<p>Ecco il bello: se non fai ancora parte di quel 50%, stai rischiando il tuo posizionamento su Google, frustrando i tuoi visitatori e potenzialmente perdendo denaro.<\/p>\n\n\n<p>Cambiamo, che ne dici?<\/p>\n\n\n<h2 id=\"h-what-are-core-web-vitals-anyway\" class=\"wp-block-heading\">Cosa Sono i Core Web Vitals, Comunque?<\/h2>\n\n\n<p>Pensa ai Core Web Vitals come al pagellino del tuo sito web.<\/p>\n\n\n<p>Mentre <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/driving-traffic-to-your-website\/\" rel=\"noopener\">attiri traffico verso il tuo sito web<\/a>, Google utilizza queste metriche per valutare quanto il tuo sito sia facile da usare. Fondamentalmente, sta misurando la velocit\u00e0, la reattivit\u00e0 e la stabilit\u00e0 visiva del tuo sito web.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1450\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate.webp\" alt=\"Grafico a barre che mostra il tasso di adozione di CWV, 64.8% LCP, 78.2% CLS, 85% INP\" class=\"wp-image-50002 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-300x272.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-1024x928.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-768x696.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-1536x1392.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-600x544.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-1200x1088.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-730x662.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-1460x1323.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-784x711.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-1568x1421.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_core_web_vitals_adoption_rate-877x795.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1450;\" \/><\/figure>\n\n\n<p>Ci sono tre metriche dei Core Web Vitals:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Largest Contentful Paint (LCP)<\/li>\n\n\n\n<li>Cumulative Layout Shift (CLS)<\/li>\n\n\n\n<li>Interaction to Next Paint (INP)<\/li>\n\n\n<\/ol>\n\n\n<p>Questi potrebbero non avere senso adesso &mdash; Cerchiamo di capirli uno per uno.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Largest Contentful Paint (LCP)<\/h3>\n\n\n<p>Immagina di essere in un ristorante e il cameriere ti porta l&#8217;antipasto quasi immediatamente.<\/p>\n\n\n<p>Questo \u00e8 ci\u00f2 che un buon LCP fa per il tuo sito web.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Largest Contentful Paint<\/h3>\n    <p>Largest Contentful Paint (LCP) \u00e8 una metrica che indica quanto tempo ci vuole perch\u00e9 l&#8217;elemento di contenuto pi\u00f9 grande su una pagina venga caricato. LCP \u00e8 una delle tre metriche principali di Google Core Web Vitals.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/largest-contentful-paint\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Misura la rapidit\u00e0 con cui l&#8217;elemento di contenuto pi\u00f9 grande \u2014 l&#8217;immagine principale, un grande video o un grosso blocco di testo \u2014 si carica sulla tua pagina.<\/p>\n\n\n<p>Secondo lo stesso rapporto Chrome Core Web Vitals, <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes\" rel=\"noopener\">il 64.8% dei siti web<\/a> ha gi\u00e0 raggiunto i propri punteggi LCP. E ogni mese nuovi siti offrono i loro contenuti principali pi\u00f9 velocemente.<\/p>\n\n\n<p>Se vuoi entrare nella hall of fame di LCP, devi puntare a un tempo di caricamento di 2,5 secondi o meno per <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/increase-website-conversion-rate\/\" rel=\"noopener\">aumentare il tasso di conversione del tuo sito web<\/a>.<\/p>\n\n\n<p>Tutto ci\u00f2 che supera i quattro secondi, e stai perdendo clienti.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Spostamento Cumulativo dell&#8217;Impaginazione (CLS)<\/h3>\n\n\n<p>Pensa ai momenti in cui potresti aver cliccato un pulsante su un sito mobile \u2014 e un altro elemento \u00e8 stato caricato al suo posto, facendo sparire il pulsante \u2014 e hai cliccato quell&#8217;elemento invece.<\/p>\n\n\n<p>Non \u00e8 divertente. Il punteggio CLS mira a eliminarlo.<\/p>\n\n\n<p>Misura quanto si muovono gli elementi della tua pagina durante il caricamento. Un punteggio CLS basso indica che il tuo layout rimane abbastanza stabile per tutto il processo di caricamento.<\/p>\n\n\n<p>Puoi considerare il tuo <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/how-to-optimize-your-site-for-mobile\/\" rel=\"noopener\">sito ottimizzato per mobile<\/a> se il layout non cambia durante il caricamento.<\/p>\n\n\n<p>A partire da settembre 2024, <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes\" rel=\"noopener\">il 78,2% dei siti web<\/a> ha ottenuto buoni punteggi CLS, con un aumento costante dei numeri mese dopo mese. Questo dimostra che sempre pi\u00f9 sviluppatori stanno dando priorit\u00e0 a un&#8217;esperienza utente fluida e senza scosse.<\/p>\n\n\n<p>Allora, se desideri un&#8217;esperienza utente stabile, punta a un punteggio CLS di 0,1 o inferiore. Qualsiasi cosa sopra 0,25, e i tuoi utenti avranno l&#8217;impressione che l&#8217;intera pagina si stia muovendo.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Interazione al Prossimo Disegno (INP)<\/h3>\n\n\n<p>INP \u00e8 stato aggiunto il 12 marzo 2024 al framework dei Core Web Vitals, sostituendo la vecchia metrica del First Input Delay (FID). Mentre FID misura solo la prima interazione dell&#8217;utente, INP considera tutte le interazioni durante una visita alla pagina.<\/p>\n\n\n<p>I dati del report di Chrome indicano che <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes\" rel=\"noopener\">l&#8217;85% dei siti web<\/a> ottiene gi\u00e0 buoni punteggi INP. \u00c8 probabile che, se stai ottimizzando il tuo sito bene per i due punteggi precedenti, anche l&#8217;INP si allineer\u00e0.<\/p>\n\n\n<p>Per mantenere i tuoi utenti felici e coinvolti, punta a un INP di 200 millisecondi o meno. Se oscilla tra 200 e 500 millisecondi, c&#8217;\u00e8 del lavoro da fare.<\/p>\n\n\n<p>Qualsiasi cosa sopra i 500 millisecondi, e stai offrendo ai tuoi visitatori l&#8217;esperienza di connessione via modem<em>.<\/em><\/p>\n\n\n<h2 id=\"h2_how-to-measure-core-web-vitals\" class=\"wp-block-heading\">Come Misurare I Core Web Vitals<\/h2>\n\n\n<p>Prima di iniziare a lavorare sul miglioramento dei tuoi punteggi Core Web Vitals, \u00e8 saggio farsi un&#8217;idea della situazione attuale del tuo sito. In questo modo, sarai in grado di misurare i tuoi progressi. Valutare regolarmente i tuoi punteggi pu\u00f2 essere una parte preziosa della tua <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/complete-website-maintenance-checklist\/\" rel=\"noopener\">manutenzione del sito<\/a>.<\/p>\n\n\n<p>Diamo un&#8217;occhiata a alcuni modi diversi per misurare le prestazioni del tuo sito web.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Insight Velocit\u00e0 Pagina<\/h3>\n\n\n<p>Ci sono alcuni strumenti online che puoi utilizzare per misurare i Core Web Vitals, inclusi Pingdom e GTmetrix. Tuttavia, noi consigliamo di usare <a target=\"_blank\" href=\"https:\/\/pagespeed.web.dev\/\" rel=\"noopener\">Google PageSpeed Insights<\/a>.<\/p>\n\n\n<p>Per iniziare, inserisci l&#8217;URL del tuo sito web e poi clicca sul pulsante <strong>Analyze<\/strong>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights.webp\" alt=\"Screenshot del rapporto PageSpeed Insights per https:\/\/www.google.com con un punteggio &quot;superato&quot; per la valutazione dei Core Web Vitals\" class=\"wp-image-50006 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-300x170.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-1024x579.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-768x434.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-1536x869.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-600x339.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-1200x679.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-730x413.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-1460x826.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-784x443.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-1568x887.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_google_pagespeed_insights-877x496.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/905;\" \/><\/figure>\n\n\n<p>Quando avr\u00e0 finito di analizzare il tuo sito, fornir\u00e0 un riepilogo di alcuni dei dati chiave e dei dati sui Core Web Vitals del sito. Come puoi vedere nell&#8217;immagine sopra, il sito web Google predefinito ha:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP<\/strong>: 0,7 secondi<\/li>\n\n\n\n<li><strong>INP<\/strong>: 63 millisecondi&nbsp;<\/li>\n\n\n\n<li><strong>CLS<\/strong>: 0<\/li>\n\n\n<\/ul>\n\n\n<p>PageSpeed Insights testa contemporaneamente i punteggi per mobile e desktop, e puoi passare da uno all&#8217;altro proprio sotto dove hai inserito il sito web.<\/p>\n\n\n<p>Se scorri pi\u00f9 in basso, troverai anche alcune diagnosi e suggerimenti per miglioramenti. In base al punteggio del tuo sito, PageSpeed Insights offre una serie di raccomandazioni che puoi utilizzare per aumentare il tuo punteggio e migliorare le prestazioni del tuo sito.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Rapporto Sull&#8217;Esperienza Utente di Chrome<\/h3>\n\n\n<p>Puoi anche accedere ai tuoi Core Web Vitals tramite il tuo <a target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" rel=\"noopener\">Rapporto sull&#8217;Esperienza Utente di Chrome<\/a>. Questo pu\u00f2 essere particolarmente utile per sviluppatori e webmaster.<\/p>\n\n\n<p>Questo rapporto \u00e8 disponibile tramite <a target=\"_blank\" href=\"https:\/\/search.google.com\/search-console\/about\" rel=\"noopener\">Google Search Console<\/a> e fornisce dati reali e approfondimenti dai tuoi visitatori. Ti aiuta a capire come i tuoi utenti utilizzano il web e interagiscono con il tuo sito.<\/p>\n\n\n<p>Per visualizzarlo, devi recarti nella dashboard della tua Google Search Console. Quindi, naviga fino a <strong>Core Web Vitals<\/strong>, che si trova sotto la sezione &#8220;Experience&#8221;.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Estensione Chrome per i Core Web Vitals<\/h3>\n\n\n<p>Se sei un utente Chrome, puoi utilizzare l&#8217;<a target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\" rel=\"noopener\">estensione Chrome Web Vitals<\/a> per valutare i tuoi Core Web Vitals per qualsiasi sito web su cui ti trovi.<\/p>\n\n\n<p>Aggiungi semplicemente l&#8217;estensione a Chrome, e sei pronto per partire!<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals.webp\" alt=\"Screenshot della pagina di download dell'estensione Web Vitals che mostra il pulsante &quot;Aggiungi a Chrome&quot; nell'angolo in alto a destra.\" class=\"wp-image-50009 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-300x170.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-1024x579.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-768x434.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-1536x869.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-600x339.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-1200x679.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-730x413.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-1460x826.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-784x443.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-1568x887.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_web_vitals-877x496.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/905;\" \/><\/figure>\n\n\n<p>La prossima volta che sei su un sito web, clicca semplicemente sull&#8217;icona dell&#8217;estensione in alto nella tua pagina e vedrai il punteggio Core Web Vitals di quel sito web.<\/p>\n\n\n<p>Ecco come appare l&#8217;output dell&#8217;estensione:<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1038\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin.webp\" alt=\"Screenshot dell'estensione Metriche in uso che mostra i tempi di risposta per LCP, CLS, INP, FCP e tempo al primo byte\" class=\"wp-image-50012 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-300x195.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-1024x664.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-768x498.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-1536x996.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-600x389.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-1200x779.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-730x474.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-1460x947.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-784x509.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-1568x1017.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_web_vitals_plugin-877x569.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1038;\" \/><\/figure>\n\n\n<p>Vedrai i punteggi LCP, CLS e INP a colpo d&#8217;occhio senza visitare ogni volta la pagina degli insight di PageSpeed.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h2_how-to-improve-core-web-vitals-for-better-google-scores\" class=\"wp-block-heading\">Come Migliorare i Core Web Vitals per Ottenere Punteggi Migliori su Google?<\/h2>\n\n\n<p>Ora che abbiamo chiarito le basi, immergiamoci in alcune delle migliori pratiche per migliorare i punteggi dei Core Web Vitals della tua pagina. Ricorda, non si tratta solo di fare colpo su Google \u2014 \u00e8 questione di creare un sito web che i tuoi visitatori adoreranno usare.<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. Utilizza Formati di Immagine Moderni<\/h3>\n\n\n<p>Siamo esseri visivi, ma quelle belle immagini ad alta risoluzione possono compromettere le prestazioni del sito web se non compresse adeguatamente.<\/p>\n\n\n<p>Devi <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-common-image-issues-wordpress\/\" rel=\"noopener\">ottimizzare le immagini<\/a> e poi <a target=\"_blank\" href=\"https:\/\/dreamhost.com\/blog\/how-to-fix-wordpress-image-upload-issues\/\" rel=\"noopener\">caricare le immagini ottimizzate sul tuo sito web<\/a> invece di utilizzare soluzioni lato server.<\/p>\n\n\n<p>Per risolvere questo problema e rendere il web pi\u00f9 veloce, Google ha lanciato il formato WebP. Mantiene molti dettagli dell&#8217;immagine riducendo significativamente le dimensioni delle immagini.<\/p>\n\n\n<p>WebP pu\u00f2 essere il formato di riferimento per fotografie e immagini complesse. Offre una migliore compressione rispetto a JPEG o PNG, il che significa che puoi avere dimensioni di file pi\u00f9 piccole senza sacrificare la qualit\u00e0. Le immagini WebP sono <a target=\"_blank\" href=\"https:\/\/developers.google.com\/speed\/webp\" rel=\"noopener\">circa il 30% pi\u00f9 piccole<\/a> rispetto alle loro controparti JPEG. Quindi, stai risparmiando molta larghezza di banda e tempo necessario per caricare la pagina.<\/p>\n\n\n<p>Da DreamHost, amiamo usare <a target=\"_blank\" href=\"https:\/\/squoosh.app\/\" rel=\"noopener\">Squoosh<\/a> per convertire le immagini in WebP o semplicemente comprimerle per risparmiare spazio.<\/p>\n\n\n<p>Ecco alcuni plugin di ottimizzazione delle immagini aggiuntivi da considerare:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" rel=\"noopener\">ShortPixel Image Optimizer<\/a><\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" rel=\"noopener\">EWWW Image Optimizer<\/a><\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" rel=\"noopener\">Imagify<\/a><\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" rel=\"noopener\">Smush<\/a><\/li>\n\n\n<\/ul>\n\n\n<p>Oltre a WebP, ti consigliamo di usare SVG per icone, loghi e illustrazioni.<\/p>\n\n\n<p>Gli SVG (Scalable Vector Graphics) non sono propriamente immagini. Rispetto ai formati di immagine regolari come JPEG, PNG, WebP, ecc., gli SVG sono un linguaggio di markup basato su XML che descrive l&#8217;immagine su un piano geometrico 2D.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>SVG<\/h3>\n    <p>Un file SVG, o file Scalable Vector Graphic, \u00e8 un formato di file che rende immagini bidimensionali. Descrive come deve apparire l&#8217;immagine utilizzando un formato di testo XML.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/svg\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Questo testo descrittivo viene poi inviato all&#8217;utente, e il browser dell&#8217;utente lo converte in un&#8217;\u201cimmagine\u201d dopo aver ricevuto l&#8217;intero markup SVG.<\/p>\n\n\n<p>Tutto ci\u00f2 rende gli SVG estremamente leggeri \u2014 dato che sono essenzialmente solo piccoli blocchi di testo.<\/p>\n\n\n<p>Inoltre, poich\u00e9 sono creati sulla base di calcoli matematici, le immagini SVG possono essere ridimensionate all&#8217;infinito senza perdere qualit\u00e0 e appaiono nitide su qualsiasi dispositivo, da uno smartphone piccolissimo fino a un enorme monitor 4K.<\/p>\n\n\n<p>Gli SVG sono chiamati <strong>formati vettoriali<\/strong> mentre il WebP \u00e8 un formato raster, e puoi vedere come entrambi reagiscono all&#8217;ingrandimento.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1050\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats.webp\" alt=\"Due &quot;S&quot; ingrandite; il lato sinistro \u00e8 un raster che mostra come la grafica sia pixelata. Il lato destro \u00e8 un vettore che mostra una finitura liscia quando ingrandito.\" class=\"wp-image-50015 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-300x197.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-1024x672.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-768x504.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-1536x1008.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-600x394.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-1200x788.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-730x479.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-1460x958.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-784x515.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-1568x1029.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_vector_formats-877x576.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1050;\" \/><\/figure>\n\n\n<p>Il font \u00e8 un eccellente esempio di vettore usato quotidianamente. Puoi ingrandire i font quanto vuoi, ma non si pixeleranno. Mentre parliamo di font, un altro modo per ottimizzare il tuo sito web per i Core Web Vitals \u00e8 usare meno font.<\/p>\n\n\n<h3 class=\"wp-block-heading\">2. Ottimizzazione dei Caratteri per la Prestazione CWV<\/h3>\n\n\n<p>I font possono migliorare o rovinare il design del tuo sito web. Ma quando si tratta di <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">ottimizzare i font<\/a> per le prestazioni, meno font sono spesso migliori.<\/p>\n\n\n<p>Ecco alcuni consigli per ottimizzare i font per il tuo sito web:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limita il numero di font<\/strong>: Utilizza solo due <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-global-styles\/\" rel=\"noopener\">font principali per il tuo sito web<\/a>\u2014uno per i titoli e uno per il testo del corpo. Questo riduce il numero di richieste HTTP e semplifica il tuo design. Inoltre, sii selettivo con i pesi del font; include solo quelli di cui hai bisogno.<\/li>\n\n\n\n<li><strong>Quando possibile, utilizza i font di sistema:<\/strong> La maggior parte dei dispositivi ha gi\u00e0 installati font di sistema come Arial, Helvetica o Georgia. Si caricano istantaneamente ed eliminano la necessit\u00e0 di scaricare font aggiuntivi.<\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/web.dev\/articles\/codelab-preload-web-fonts\" rel=\"noopener\"><strong>Precarica i font critici<\/strong><\/a>: Aggiungendo un link di precarica nel tuo HTML puoi istruire il browser a recuperare i tuoi font pi\u00f9 importanti all&#8217;inizio del processo di caricamento. Questo pu\u00f2 migliorare significativamente i tempi di rendering del testo.&nbsp;<\/li>\n\n\n\n<li><strong>Ottimizza i font personalizzati per prevenire il CLS<\/strong>: Il browser non conosce le dimensioni esatte dei font personalizzati finch\u00e9 non li scarica, causando spostamenti del layout. Alcuni strumenti open-source, come <a target=\"_blank\" href=\"https:\/\/github.com\/pixel-point\/fontpie\" rel=\"noopener\">Font Pie<\/a>, aiutano a generare CSS che elimina o almeno riduce il CLS.<\/li>\n\n\n\n<li><strong>Suddividi i tuoi font<\/strong>: Rimuovi i caratteri inutilizzati dai tuoi file di font\u2014come i caratteri non latini se il tuo sito non li utilizza. Questo riduce le dimensioni dei file e accelera i tempi di caricamento.<\/li>\n\n\n<\/ul>\n\n\n<p>Noi copriremo alcune strategie avanzate per l&#8217;ottimizzazione dei caratteri in futuro, ma per ora, utilizzare questa breve lista dovrebbe aiutarti a preparare i caratteri del sito web per ottenere punteggi migliori.<\/p>\n\n\n<h3 class=\"wp-block-heading\">3. Rifletti Bene Prima di Usare Google Tag Manager<\/h3>\n\n\n<p>Lo sappiamo cosa stai pensando: &#8220;Ma Google Tag Manager rende la mia vita cos\u00ec facile!&#8221;<\/p>\n\n\n<p>E non ti sbagli.<\/p>\n\n\n<p>\u00c8 uno strumento fantastico per gestire pi\u00f9 tag senza dover entrare nel codice. Tuttavia, pu\u00f2 presentare sia vantaggi che svantaggi quando si tratta di Core Web Vitals.<\/p>\n\n\n<p>Mentre Google Tag Manager \u00e8 eccellente per organizzare i tuoi tag, pu\u00f2 potenzialmente rallentare il tuo sito se non utilizzato con giudizio. Ogni tag aggiunge un po&#8217; di tempo di caricamento, e quei millisecondi possono accumularsi pi\u00f9 velocemente della tua bolletta del caff\u00e8 in una conferenza per sviluppatori.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager.webp\" alt=\"screenshot della dashboard di Google Tag Manager nella scheda &quot;Panoramica&quot;\" class=\"wp-image-50018 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-300x170.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-1024x579.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-768x434.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-1536x869.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-600x339.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-1200x679.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-730x413.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-1460x826.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-784x443.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-1568x887.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_tag_manager-877x496.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/905;\" \/><\/figure>\n\n\n<p>Chiediti: hai davvero bisogno che tutti quei tag vengano attivati ad ogni caricamento della pagina? Alcuni di essi potrebbero essere implementati manualmente per avere un controllo migliore su quando si caricano?<\/p>\n\n\n<p>Come regola generale, utilizza Google Tag Manager solo per tag essenziali e validi per tutto il sito, e implementa manualmente i tag meno critici o specifici per pagina.<\/p>\n\n\n<h3 class=\"wp-block-heading\">4. Implementa una Soluzione di Caching<\/h3>\n\n\n<p>Pensa alla cache come alla memoria a breve termine del tuo sito web. Invece di generare ogni pagina da zero per ogni visitatore, la cache memorizza una copia della pagina e la serve rapidamente come un fulmine.<\/p>\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/caching-solutions-for-wordpress\/\" rel=\"noopener\">Implementare la cache<\/a> pu\u00f2 migliorare notevolmente i tuoi punteggi LCP, soprattutto per i siti web dinamici. Esistono vari livelli di cache che puoi considerare:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cache del browser<\/strong>: Dice ai browser di memorizzare localmente determinati file.<\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/power-dreampress-caching\/\" rel=\"noopener\"><strong>Cache lato server<\/strong><\/a>: Memorizza pagine generate o interrogazioni al database.<\/li>\n\n\n\n<li><strong>Cache degli oggetti<\/strong>: Memorizza elementi individuali come widget o menu.<\/li>\n\n\n<\/ul>\n\n\n<p>A seconda del tuo web host, potresti essere in grado di sfruttare la cache a livello di server.<\/p>\n\n\n<p>Di default, i piani <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" rel=\"noopener\">DreamPress<\/a> includono una cache integrata per ridurre il carico delle visite non memorizzate nella cache senza la necessit\u00e0 di aggiungere personalmente alcun plugin di cache al tuo sito.<\/p>\n\n\n<p>Inoltre, se stai usando WordPress come sistema di gestione dei contenuti (CMS) del tuo sito web, plugin come <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" rel=\"noopener\">W3 Total Cache<\/a> o <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" rel=\"noopener\">WP Super Cache<\/a> possono aiutarti a implementare ulteriori livelli di cache, inclusa la cache del browser e degli oggetti, migliorando ulteriormente la velocit\u00e0 del sito.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. Elimina le Risorse che Bloccano il Rendering<\/h3>\n\n\n<p>Gli elementi che bloccano il rendering si riferiscono ai file HTML, CSS e JavaScript statici necessari per visualizzare una pagina sul tuo sito. Ciascuno di questi file contiene script che possono impedire ai tuoi utenti di visualizzare i contenuti.<\/p>\n\n\n<p>Di solito, sono creati da plugin di terze parti e strumenti come <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/use-google-analytics-wordpress\/\" rel=\"noopener\">Google Analytics<\/a>.<\/p>\n\n\n<p>Tuttavia, un modo per evitare che questi script danneggino la tua UX (e, di conseguenza, aiutino a migliorare i Core Web Vitals) \u00e8 eliminare le risorse che bloccano il rendering e ridurre al minimo e rimuovere qualsiasi CSS o script inutilizzato.<\/p>\n\n\n<p>Ci sono diverse tecniche che puoi utilizzare per questo.<\/p>\n\n\n<p>Uno dei metodi consiste nel minimizzare il tuo JavaScript e CSS eliminando gli spazi vuoti o i commenti non necessari.<\/p>\n\n\n<p>Puoi utilizzare uno strumento come <a target=\"_blank\" href=\"https:\/\/www.minifier.org\/\" rel=\"noopener\">CSS Minifier<\/a> per semplificare questo processo:<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"576\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier.webp\" alt=\"Screenshot del codice di esempio di CSS Minifier che mostra un'opzione di selezione della lingua tra JS e CSS e un pulsante per &quot;Minifica&quot; \" class=\"wp-image-50021 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-300x108.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-1024x369.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-768x276.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-1536x553.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-600x216.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-1200x432.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-730x263.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-1460x526.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-784x282.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-1568x564.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_css_minifier-877x316.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/576;\" \/><\/figure>\n\n\n<p>Inserisci il tuo CSS e seleziona il pulsante <strong>Minify<\/strong>. Quindi, puoi copiare e incollare l&#8217;output per scaricare e sostituire il tuo codice.<\/p>\n\n\n<p>Un altro metodo consiste nel condensare i tuoi JavaScript e CSS combinando i file. Questo \u00e8 un altro compito con cui la funzione di ottimizzazione dei file in <a target=\"_blank\" href=\"https:\/\/wp-rocket.me\/\" rel=\"noopener\">WP Rocket<\/a> pu\u00f2 aiutarti.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. Rimanda il Caricamento del JavaScript<\/h3>\n\n\n<p>Se vuoi migliorare i tuoi punteggi FID, puoi utilizzare la tecnica nota come <a target=\"_blank\" href=\"https:\/\/www.w3schools.com\/tags\/att_script_defer.asp\" rel=\"noopener\">posticipazione del caricamento di JavaScript<\/a>. Questo \u00e8 un altro modo per eliminare gli elementi che bloccano il rendering.<\/p>\n\n\n<p>Questo processo rende il caricamento delle tue pagine web pi\u00f9 veloce perch\u00e9 ritarda il caricamento del JavaScript. In altre parole, carica altri contenuti sulla pagina una volta che un visitatore arriva, invece di aspettare che tutti i file JavaScript finiscano di caricarsi.<\/p>\n\n\n<p>I tuoi file saranno costretti ad attendere per caricarsi fino a quando tutto il resto nella tua pagina web non sar\u00e0 pronto.<\/p>\n\n\n<p>Inoltre, puoi configurare le impostazioni del tuo sito in modo che il CSS critico carichi i contenuti \u201cabove the fold\u201d pi\u00f9 velocemente. \u201cAbove the fold\u201d si riferisce agli elementi nella pagina web che appaiono per primi.<\/p>\n\n\n<p>Puoi farlo estraendo il contenuto dal file CSS principale e inserendolo direttamente nel tuo codice. Questo aiuter\u00e0 a caricarlo pi\u00f9 velocemente, migliorando cos\u00ec l&#8217;UX. Alcuni plugin di cache come WP Rocket offrono una funzionalit\u00e0 <strong>Ottimizza la Consegna CSS<\/strong> che pu\u00f2 essere utile per questo.<\/p>\n\n\n<h3 class=\"wp-block-heading\">7. Utilizza una Rete di Distribuzione dei Contenuti<\/h3>\n\n\n<p>Immagina che il tuo sito web avesse un clone di s\u00e9 stesso in ogni grande citt\u00e0 del mondo. Questo \u00e8 essenzialmente ci\u00f2 che fa una <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-using-a-cdn-with-wp\/\" rel=\"noopener\">Content Delivery Network (CDN)<\/a>.<\/p>\n\n\n<p>Distribuisce copie dei tuoi asset statici (come immagini, CSS e file JavaScript) su server in tutto il mondo, cos\u00ec i tuoi visitatori possono scaricarli dalla posizione pi\u00f9 vicina.<\/p>\n\n\n<p>Il risultato? Tempi di caricamento pi\u00f9 veloci, miglioramento dei punteggi LCP e un&#8217;esperienza utente migliore per il tuo pubblico globale. Pu\u00f2 anche aiutare a ridurre il <a target=\"_blank\" href=\"https:\/\/web.dev\/time-to-first-byte\/\" rel=\"noopener\">Tempo al Primo Byte (TTFB)<\/a>.<\/p>\n\n\n<p>Ci sono diversi strumenti di terze parti che puoi sfruttare per il tuo sito WordPress. Una delle opzioni pi\u00f9 popolari \u00e8 <a target=\"_blank\" href=\"https:\/\/www.cloudflare.com\/hp\/\" rel=\"noopener\">Cloudflare<\/a>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"930\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare.webp\" alt=\"Screenshot della homepage di CloudFare con titolo Connetti, proteggi e costruisci ovunque\" class=\"wp-image-50024 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-300x174.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-1024x595.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-768x446.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-1536x893.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-600x349.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-1200x698.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-730x424.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-1460x849.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-784x456.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-1568x911.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_cloudflare-877x510.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/930;\" \/><\/figure>\n\n\n<p>Come per la cache, alcuni fornitori di hosting offrono CDN integrate o almeno integrazione con le CDN. Ad esempio, su <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/news\/press-releases\/dreamhost-announces-dreamspeed-cdn-high-speed-content-delivery-network\/\" rel=\"noopener\">DreamHost, noi abbiamo DreamSpeed<\/a>, una potente CDN che sfrutta la nostra infrastruttura esistente e ti offre siti web velocissimi con il minimo sforzo.<\/p>\n\n\n<h3 class=\"wp-block-heading\">8. Dimensiona Correttamente le Immagini<\/h3>\n\n\n<p>Le immagini pi\u00f9 grandi hanno una dimensione del file maggiore.<\/p>\n\n\n<p>Quindi, \u00e8 intelligente assicurarsi di non utilizzare immagini eccessivamente grandi ovunque. Ad esempio, non c&#8217;\u00e8 motivo di usare immagini HD per le tue miniature. Puoi lavorare con immagini molto pi\u00f9 piccole e a bassa risoluzione qui.<\/p>\n\n\n<p>Per ottimizzare ulteriormente le tue immagini, puoi usare l&#8217;attributo <code><strong>srcset<\/strong><\/code> nel tuo codice HTML. Con questo tag, puoi specificare le posizioni di immagini di diverse dimensioni, e i browser moderni possono automaticamente servire immagini della dimensione corretta in base alla risoluzione del dispositivo, migliorando i punteggi LCP.<\/p>\n\n\n<p>Oltre a ci\u00f2, puoi sempre specificare gli attributi di larghezza e altezza per i tuoi tag delle immagini o riservare lo spazio necessario con il rapporto d&#8217;aspetto CSS per garantire che l&#8217;utente veda automaticamente immagini pi\u00f9 piccole.<\/p>\n\n\n<p>Tuttavia, ti consigliamo sempre di utilizzare uno strumento come <a target=\"_blank\" href=\"https:\/\/squoosh.app\/\" rel=\"noopener\">Sqoosh<\/a> per ridimensionare le immagini prima di caricarle.<\/p>\n\n\n<h3 class=\"wp-block-heading\">9. Implementa il Lazy Loading<\/h3>\n\n\n<p>Ti raccomandiamo anche di implementare il caricamento lazy. Questo aiuta a garantire che le tue immagini vengano caricate esattamente quando gli utenti arrivano a quella sezione della pagina web, anzich\u00e9 caricarsi contemporaneamente a tutto il resto sulla pagina.<\/p>\n\n\n<p>Il lazy-loading delle immagini pu\u00f2 aiutare a migliorare il tuo LCP e la velocit\u00e0 di caricamento. La parte migliore \u00e8 che \u00e8 abbastanza facile da implementare.<\/p>\n\n\n<p>I browser moderni supportano il caricamento pigro nativo con l&#8217;attributo <strong><code>loading=\u201dlazy\u201d<\/code><\/strong> sui tag <code><strong>&lt;img&gt;<\/strong><\/code>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"880\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading.webp\" alt=\"esempio di un codice immagine con &quot;loading=&quot;lazy'&quot; dopo il nome dell'immagine all'interno del codice\" class=\"wp-image-50027 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-300x165.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-1024x563.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-768x422.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-1536x845.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-600x330.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-1200x660.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-730x402.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-1460x803.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-784x431.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-1568x862.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_browser_level_lazy_loading-877x482.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/880;\" \/><\/figure>\n\n\n<p>\u00c8 cos\u00ec semplice aggiungere un singolo attributo e la tua pagina \u00e8 pronta per il caricamento pigro.<\/p>\n\n\n<p>Per gli utenti WordPress, hai solo bisogno di un plugin come <a target=\"_blank\" href=\"https:\/\/automattic.pxf.io\/OrN6xZ\" rel=\"noopener\">Jetpack<\/a> o Smush per attivare il caricamento lazy.<\/p>\n\n\n<h3 class=\"wp-block-heading\">10. Aggiorna Il Tuo Hosting<\/h3>\n\n\n<p>A volte, puoi fare tutto nel modo giusto e avere comunque punteggi bassi nei Core Web Vitals. In questo caso, ha senso considerare l&#8217;aggiornamento dei piani del tuo provider di hosting.<\/p>\n\n\n<p>Ad esempio, se hai recentemente iniziato a ricevere molti visitatori o hai aggiunto molti nuovi prodotti con molte immagini, potresti essere vicino ai limiti massimi del tuo web host.<\/p>\n\n\n<p>In questi casi, se sei su un piano di Hosting Condiviso, puoi passare a un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/hosting\/vps\/\" rel=\"noopener\">hosting virtuale privato (VPS)<\/a> o <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/hosting\/dedicated\/\" rel=\"noopener\">hosting dedicato gestito<\/a>.<\/p>\n\n\n<p>Per gli utenti di WordPress, l&#8217;Hosting WordPress Gestito pu\u00f2 dare una buona spinta alle prestazioni del tuo sito senza essere troppo costoso. Ad esempio, in DreamHost, offriamo <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" rel=\"noopener\">piani DreamPress<\/a> destinati ai proprietari di siti WordPress che cercano di ottenere un sito ad alte prestazioni senza spendere una fortuna.<\/p>\n\n\n<p>Qualsiasi tipo di hosting tu scelga, o stia gi\u00e0 utilizzando, il consenso \u00e8 che aggiornare il tuo fornitore di hosting o il piano \u00e8 il modo pi\u00f9 rapido per velocizzare il tuo sito web.<\/p>\n\n\n<p>Consigliamo di scegliere un host gestito con server ottimizzati specificamente per WordPress che possano gestire i vari aspetti tecnici delle prestazioni del sito.<\/p>\n\n\n<h2 id=\"h2_enhance-the-user-experience-and-reap-the-rewards\" class=\"wp-block-heading\">Migliora l&#8217;Esperienza Utente e Raccogli i Benefici<\/h2>\n\n\n<p>Ora possiedi le conoscenze necessarie per unirti al 50,1% dei siti web che gi\u00e0 soddisfano i punteggi dei Core Web Vitals e offrono un&#8217;ottima esperienza ai loro visitatori.<\/p>\n\n\n<p>\u00c8 vero che alcune modifiche necessarie per migliorare i punteggi possono essere complesse, forse anche tecniche, richiedendo il supporto di uno sviluppatore per ottimizzare completamente il tuo sito web.<\/p>\n\n\n<p>Se vuoi alleggerire il lavoro di ottimizzazione, prova i servizi di sviluppo web di DreamHost.<\/p>\n\n\n<p>I nostri sviluppatori lavorano con te per ottimizzare i siti web esistenti e possono anche creare un sito web da zero per offrire un&#8217;ottima esperienza utente e migliorare i punteggi dei Core Web Vitals.<\/p>\n\n\n<p>Con DreamHost, investi in una strategia di performance a lungo termine. I nostri esperti:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Verifica i Core Web Vitals del tuo sito.<\/li>\n\n\n\n<li>Usa le tecniche di ottimizzazione pi\u00f9 recenti.<\/li>\n\n\n\n<li>Costruisci il tuo sito su una base solida e scalabile.<\/li>\n\n\n\n<li>Fornisci un supporto continuativo per mantenere il tuo sito efficiente.<\/li>\n\n\n<\/ul>\n\n\n<p>Puoi concentrarti sulla gestione della tua attivit\u00e0 e sulla creazione di contenuti di qualit\u00e0 mentre noi ottimizziamo il tuo sito. Quindi, se desideri che DreamHost costruisca o ottimizzi il tuo sito web, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\" rel=\"noopener\">prenota una consulenza o chatta con noi oggi stesso<\/a>!<\/p>\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design.webp 2x\"  \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/pro-services\/design\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>Pro Services &#8211; Design<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tBeautiful Websites, Designed From Scratch\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tStand out from the crowd with a modern WordPress website that\u2019s 100% unique to you.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Vuoi Che Pi\u00f9 Visitatori Trovino Il Tuo Sito?<br \/>\nDai un&#8217;occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e a scalare le classifiche.<\/p>\n","protected":false},"author":1058,"featured_media":49995,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un'occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.","toc_headlines":"[[\"h-what-are-core-web-vitals-anyway\",\"Cosa Sono i Core Web Vitals, Comunque?\"],[\"h2_how-to-measure-core-web-vitals\",\"Come Misurare I Core Web Vitals\"],[\"h2_how-to-improve-core-web-vitals-for-better-google-scores\",\"Come Migliorare i Core Web Vitals per Ottenere Punteggi Migliori su Google?\"],[\"h2_enhance-the-user-experience-and-reap-the-rewards\",\"Migliora l'Esperienza Utente e Raccogli i Benefici\"]]","hide_toc":false,"footnotes":""},"categories":[15068],"tags":[],"class_list":["post-68978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un&#039;occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un&#039;occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-11T07:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T20:19:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals - DreamHost Blog","description":"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un'occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.","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:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/","og_locale":"en_US","og_type":"article","og_title":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals","og_description":"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un'occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-10-11T07:01:00+00:00","article_modified_time":"2025-06-11T20:19:01+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals","datePublished":"2024-10-11T07:01:00+00:00","dateModified":"2025-06-11T20:19:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/"},"wordCount":3337,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp","articleSection":["Design del Sito Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/","name":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp","datePublished":"2024-10-11T07:01:00+00:00","dateModified":"2025-06-11T20:19:01+00:00","description":"Vuoi che pi\u00f9 visitatori trovino il tuo sito? Allora dai un'occhiata ai tuoi Core Web Vitals. I nostri 10 consigli ti aiuteranno a migliorare le tue prestazioni e scalare le classifiche.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460_x_1095_blog_hero_how_to_improve_core_web_vitals.webp","width":1460,"height":1095,"caption":"Better Performance for Better Rankings: 10 Tips for Improving Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/prestazioni-migliori-per-migliori-posizionamenti-10-consigli-per-migliorare-i-core-web-vitals-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestazioni Migliori per Migliori Posizionamenti: 10 Consigli per Migliorare i Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"it","translations":{"it":68978,"en":33504,"es":33523,"ru":50400,"pl":50386,"de":50366,"pt":50364,"uk":56419,"fr":71526,"nl":71557},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=68978"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68978\/revisions"}],"predecessor-version":[{"id":68980,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68978\/revisions\/68980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/49995"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=68978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=68978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=68978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}