{"id":55415,"date":"2024-02-08T09:00:00","date_gmt":"2024-02-08T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=55415"},"modified":"2025-10-06T10:07:13","modified_gmt":"2025-10-06T08:07:13","slug":"velocita-sito-web","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/velocita-sito-web\/","title":{"rendered":"Come misurare e migliorare la velocit\u00e0 di un sito web"},"content":{"rendered":"\n<p>Vuoi sapere quali sono gli strumenti migliori per <strong>misurare la velocit\u00e0 di un sito web<\/strong>? <\/p>\n\n\n\n<p>In questa guida vedremo quali sono le <strong>metriche<\/strong> pi\u00f9 importanti e come misurarle, quali errori non fare quando si fa uno speed test e da dove partire per iniziare a <strong>ottimizzare <\/strong>i tempi di caricamento del nostro sito.<\/p>\n\n\n\n<p>Prima di tutto, per\u00f2, vediamo perch\u00e9 \u00e8 importante la velocit\u00e0.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-la-velocita-del-sito-web\">Cos\u2019\u00e8 la velocit\u00e0 del sito web?<\/a><\/li><li><a href=\"#perche-la-velocita-di-un-sito-e-cosi-importante\">Perch\u00e9 la velocit\u00e0 di un sito \u00e8 cos\u00ec importante?<\/a><ul><li><a href=\"#la-velocita-incide-sul-posizionamento\">La velocit\u00e0 incide sul posizionamento<\/a><\/li><li><a href=\"#un-sito-veloce-garantisce-una-migliore-esperienza-per-lutente\">Un sito veloce garantisce una migliore esperienza per l\u2019utente<\/a><\/li><\/ul><\/li><li><a href=\"#come-fare-lo-speed-test-del-sito\">Come fare lo speed test del sito<\/a><ul><li><a href=\"#g-tmetrix\">GTmetrix<\/a><\/li><li><a href=\"#pingdom\">Pingdom<\/a><\/li><li><a href=\"#page-speed-insights\">PageSpeed Insights<\/a><\/li><li><a href=\"#web-page-test\">WebPage Test<\/a><\/li><\/ul><\/li><li><a href=\"#come-migliorare-la-velocita-del-sito-web\">Come migliorare la velocit\u00e0 del sito web<\/a><ul><li><a href=\"#scelta-dellhosting-e-uso-di-una-cdn\">Scelta dell\u2019hosting e uso di una CDN<\/a><\/li><li><a href=\"#riduzione-della-dimensione-delle-pagine\">Riduzione della dimensione delle pagine<\/a><\/li><li><a href=\"#riduzione-del-numero-di-richieste\">Riduzione del numero di richieste<\/a><\/li><li><a href=\"#merge-e-minify\">Merge e minify<\/a><\/li><li><a href=\"#utilizzo-di-un-sistema-di-cache\">Utilizzo di un sistema di cache<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web-1024x538.png\" alt=\"Misurare E Migliorare Velocita Sito Web\" class=\"wp-image-55526\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-e-migliorare-velocita-sito-web.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-la-velocita-del-sito-web\">Cos\u2019\u00e8 la velocit\u00e0 del sito web?<\/h2>\n\n\n\n<p>Chiariamo subito la cosa pi\u00f9 importante.<\/p>\n\n\n\n<p><em>Cos\u2019\u00e8 esattamente la velocit\u00e0 di un sito?<\/em><\/p>\n\n\n\n<p>Per velocit\u00e0 di un sito web si intende il <strong>tempo di caricamento<\/strong> delle pagine.<\/p>\n\n\n\n<p>In realt\u00e0 bisogna fare una doverosa distinzione.<\/p>\n\n\n\n<p>Si parla in generale di velocit\u00e0 del sito, ma in realt\u00e0, quando parliamo del sito nel suo complesso dovremmo riferirci ai<strong> tempi medi di caricamento<\/strong> delle pagine.<\/p>\n\n\n\n<p>Se, invece, stiamo parlando di una sola pagina, per esempio dell\u2019home page del sito, sarebbe pi\u00f9 corretto parlare di <strong>velocit\u00e0 della pagina<\/strong> o <em>page speed<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"perche-la-velocita-di-un-sito-e-cosi-importante\">Perch\u00e9 la velocit\u00e0 di un sito \u00e8 cos\u00ec importante?<\/h2>\n\n\n\n<p><a href=\"https:\/\/supporthost.com\/it\/perche-e-importante-avere-un-sito-veloce\/\">Avere un sito veloce \u00e8 importante<\/a>. Al giorno d\u2019oggi potremmo dire che \u00e8 essenziale.<\/p>\n\n\n\n<p>Nell\u2019articolo menzionato qui sopra abbiamo sviscerato la questione nei dettagli, ma vorremmo richiamare in questo caso i punti chiave che ci permettono di capire l\u2019importanza della velocit\u00e0 di caricamento delle pagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito-1024x756.png\" alt=\"Prestazioni Sito\" class=\"wp-image-18919\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito-1024x756.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito-300x222.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito-768x567.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito-85x63.png 85w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/06\/prestazioni-sito.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"la-velocita-incide-sul-posizionamento\">La velocit\u00e0 incide sul posizionamento<\/h3>\n\n\n\n<p>\u00c8 dal 2010 che Google ha svelato di utilizzare la velocit\u00e0 del sito web come <strong>fattore di ranking<\/strong>.<\/p>\n\n\n\n<p>Con il passare degli anni la velocit\u00e0 si conferma un fattore importante, ma non \u00e8 l\u2019unico. Google ha infatti introdotto una serie di metriche per riuscire a misurare l\u2019<strong>esperienza degli utenti<\/strong>.<\/p>\n\n\n\n<p>Queste metriche non prendono in considerazione solo e soltanto il tempo di caricamento, ma anche il tempismo con cui si pu\u00f2 interagire con la pagina web e i cambiamenti visivi che si verificano durante il caricamento.<\/p>\n\n\n\n<p>Sono nati cos\u00ec i <strong>Core Web Vitals<\/strong>. Delle metriche pi\u00f9 complesse che cercano di analizzare in maniera pi\u00f9 approfondita le prestazioni del sito web.<\/p>\n\n\n\n<p class=\"note\">Di recente, a maggio 2023, \u00e8 stata annunciata una nuova metrica, <strong>INP<\/strong> (Interaction to Next Paint), che andr\u00e0 a sostituire FID (First Input Delay) a partire da marzo 2024.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2022\/08\/core-web-vitals-fid.svg\" alt=\"Core Web Vitals Fid\" class=\"wp-image-28836\" \/><\/figure>\n\n\n\n<p>In questa sede non \u00e8 possibile dilungarci molto sui Core Web Vitals, ma ad oggi \u00e8 importante conoscere questi parametri e capire il loro impatto.<\/p>\n\n\n\n<p>Per approfondire puoi leggere la nostra analisi di oltre 60.000 risultati di ricerca per capire la correlazione tra <a href=\"https:\/\/supporthost.com\/it\/core-web-vitals-ranking\/\">Core Web Vitals e posizionamento<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"un-sito-veloce-garantisce-una-migliore-esperienza-per-lutente\">Un sito veloce garantisce una migliore esperienza per l\u2019utente<\/h3>\n\n\n\n<p>Il mondo va sempre pi\u00f9 veloce e le persone non vogliono aspettare.<\/p>\n\n\n\n<p><em>Ne dubiti?<\/em><\/p>\n\n\n\n<p>Lasciamo che siano i numeri a parlare.<\/p>\n\n\n\n<p>Ecco delle statistiche interessanti raccolte da Google in uno <a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/it-it\/strategie\/app-e-mobile\/migliorare-velocita-sito-mobile\/\" data-type=\"link\" data-id=\"https:\/\/www.thinkwithgoogle.com\/intl\/it-it\/strategie\/app-e-mobile\/migliorare-velocita-sito-mobile\/\" rel=\"noopener\">studio<\/a> del 2020 su alcuni eCommerce.<\/p>\n\n\n\n<p><strong>Bounce rate ridotto<\/strong>: migliorare di 0,1 secondi la velocit\u00e0 del sito web ha portato a una riduzione del bounce rate dell\u20198,3%.<\/p>\n\n\n\n<p>Il bounce rate \u00e8 il tasso di abbandono. Si verifica quando una persona arriva sulla pagina e la abbandona in poco tempo senza visitare altre pagine del sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce-1024x768.png\" alt=\"Ecommerce\" class=\"wp-image-16785\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce-1024x768.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce-300x225.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce-768x576.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce-84x63.png 84w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/01\/ecommerce.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Tasso di conversione aumentato<\/strong>: con un miglioramento di 0,1 secondi sul tempo di caricamento c\u2019\u00e8 stato un aumento del tasso di conversione che va dall\u20198,4% (vendita al dettaglio) al 10,1% (settore viaggi).<\/p>\n\n\n\n<p>Ma questo non \u00e8 tutto, avere un sito veloce aumenta le possibilit\u00e0 che:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>aumenti il tempo di permanenza sulla pagina;<\/li>\n\n\n\n<li>le persone visitino pi\u00f9 pagine del tuo sito;<\/li>\n\n\n\n<li>ci sia un miglior tasso di conversione al checkout. I tempi di caricamento delle pagine di checkout sono essenziali.<\/li>\n<\/ul>\n\n\n\n<p>E alla luce di queste osservazioni qual \u00e8 il <strong>tempo di caricamento medio <\/strong>delle pagine web?<\/p>\n\n\n\n<p>Tooltester <a href=\"https:\/\/www.tooltester.com\/en\/blog\/website-loading-time-statistics\/\" data-type=\"link\" data-id=\"https:\/\/www.tooltester.com\/en\/blog\/website-loading-time-statistics\/\" rel=\"noopener\">ha risposto<\/a> a questa domanda analizzando le 100 pagine top al mondo. Il risultato \u00e8 che la velocit\u00e0 media delle pagine \u00e8 stata d<strong>i 2,5 secondi<\/strong> da desktop e<strong> 8,6 secondi <\/strong>da dispositivi mobili.<\/p>\n\n\n\n<p>Idealmente il tempo di caricamento di una pagina web dovrebbe essere inferiore ai 2-3 secondi. Anche in accordo alle affermazioni di John Mueller di Google.<\/p>\n\n\n\n<p><em>Ma come si fa a testare la velocit\u00e0 del sito?<\/em><\/p>\n\n\n\n<p>Vediamo gli strumenti migliori.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-fare-lo-speed-test-del-sito\">Come fare lo speed test del sito<\/h2>\n\n\n\n<p>Ci sono diversi strumenti, anche gratuiti, che ti permettono di misurare la velocit\u00e0 di caricamento delle pagine web.<\/p>\n\n\n\n<p class=\"note\">La prima cosa che devi considerare \u00e8 che ogni strumento \u00e8 diverso, per cui non preoccuparti se otterrai risultati diversi in base allo strumento usato.<\/p>\n\n\n\n<p>Ecco degli accorgimenti importanti prima di fare i test.<\/p>\n\n\n\n<p>Alcuni strumenti, tra cui GTmetrix e Pingdom ti permettono di scegliere la <strong>posizione del server<\/strong> da cui eseguire il test.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"722\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server-1024x722.png\" alt=\"Posizione Dei Server\" class=\"wp-image-41281\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server-1024x722.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server-300x212.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server-768x542.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server-89x63.png 89w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/03\/posizione-dei-server.png 1065w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dovresti scegliere il server pi\u00f9 vicino alla <strong>posizione dei tuoi utenti<\/strong>, o eseguire il test da pi\u00f9 posizioni in base alla fonte del tuo traffico. In questo modo avrai una panoramica dei tempi di caricamento in base al paese.<\/p>\n\n\n\n<p>Non limitarti a un solo test. L\u2019ideale \u00e8 eseguire <strong>almeno tre speed test<\/strong> e fare una media per avere un risultato pi\u00f9 accurato.<\/p>\n\n\n\n<p>Non testare solo la home page. Se ci sono pagine importanti, come le pagine dei prodotti o le pagine di <strong>checkout<\/strong>, vale la pena analizzarne la velocit\u00e0. Ricordi il tasso di conversione di cui parlavamo prima?<\/p>\n\n\n\n<p>Adesso che hai delle informazioni di base, passiamo a una panoramica degli strumenti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g-tmetrix\">GTmetrix<\/h3>\n\n\n\n<p class=\"note\">Puoi seguire la nostra guida a <a href=\"https:\/\/supporthost.com\/it\/gtmetrix\/\">GTmetrix<\/a> per una spiegazione completa su come usarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi-1024x456.png\" alt=\"Gtmetrix Analisi\" class=\"wp-image-20091\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi-1024x456.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi-300x134.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi-768x342.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-analisi.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lo speed test di <strong>GTmetrix <\/strong>ci permette di ottenere dati essenziali su:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>velocit\u00e0 di caricamento con un grafico che ci aiuta a capire quali risorse del sito impiegano pi\u00f9 tempo;<\/li>\n\n\n\n<li>dimensione, struttura della pagina e numero di richieste;<\/li>\n\n\n\n<li>metriche Core Web Vitals.<\/li>\n<\/ul>\n\n\n\n<p>Prima di eseguire il test, possiamo personalizzarlo.<\/p>\n\n\n\n<p>Possiamo scegliere la <strong>posizione dei server <\/strong>per il test, tra 7 opzioni disponibili per la versione gratuita. Basta registrarci per poter scegliere la posizione del server. Senza registrazione possiamo eseguire i test solo da Vancouver.<\/p>\n\n\n\n<p>\u00c8 possibile anche modificare i parametri per vedere come cambia il tempo di caricamento in base al <strong>tipo di connessione<\/strong> (3G, 4G, ecc.).<\/p>\n\n\n\n<p>Dopo aver eseguito il test vedremo nella scheda Summary tutte le metriche sulle velocit\u00e0 nel dettaglio, tra cui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TTFB (Time to First Byte)<\/li>\n\n\n\n<li>TTI (Time to Interactive)<\/li>\n\n\n\n<li>Fully Loaded Time: il tempo di caricamento complessivo.<\/li>\n<\/ul>\n\n\n\n<p>Ecco un esempio del report di GTmetrix.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test-1024x621.png\" alt=\"Misurare Velocita Sito Web Con Gtmetrix Esempio Test\" class=\"wp-image-55418\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test-1024x621.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test-300x182.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test-768x466.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test-104x63.png 104w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-gtmetrix-esempio-test.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pingdom\">Pingdom<\/h3>\n\n\n\n<p class=\"note\">Controlla la guida a <a href=\"https:\/\/supporthost.com\/it\/pingdom\/\">Pingdom<\/a> per una panoramica completa delle sue funzioni.<\/p>\n\n\n\n<p>Con Pingdom possiamo eseguire uno speed test per misurare rapidamente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tempo di caricamento;<\/li>\n\n\n\n<li>dimensione della pagina;<\/li>\n\n\n\n<li>numero di richieste.<\/li>\n<\/ul>\n\n\n\n<p><strong>Attenzione<\/strong>, Pingdom e GTmetrix utilizzano metriche diverse per il caricamento della pagina.<\/p>\n\n\n\n<p>Pingdom mostra l\u2019<strong>onload time<\/strong>, vale a dire il tempo impiegato ad elaborare la pagina e scaricare tutte le risorse.<\/p>\n\n\n\n<p>GTmetrix misura il <strong>Fully Loaded Time<\/strong>, calcolando il momento in cui la pagina non carica pi\u00f9 contenuti.<\/p>\n\n\n\n<p>Di conseguenza misurando l\u2019onload time vedrai un tempo di caricamento <strong>inferiore <\/strong>rispetto a misurare il Fully Loaded Time.<\/p>\n\n\n\n<p>Prima di eseguire il test con Pingdom, possiamo scegliere la posizione del test. Tuttavia la versione gratuita dello strumento di speed test non ci permette di modificare il tipo di connessione.<\/p>\n\n\n\n<p>Ecco la panoramica del report che ci restituisce Pingdom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"409\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-pingdom-esempio-test.png\" alt=\"Misurare Velocita Sito Web Con Pingdom Esempio Test\" class=\"wp-image-55419\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-pingdom-esempio-test.png 1018w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-pingdom-esempio-test-300x121.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-pingdom-esempio-test-768x309.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/misurare-velocita-sito-web-con-pingdom-esempio-test-120x48.png 120w\" sizes=\"auto, (max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<p>Oltre alla panoramica, il report contiene anche i dettagli sulla dimensione degli elementi e sul <strong>numero delle richieste<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-speed-insights\">PageSpeed Insights<\/h3>\n\n\n\n<p><a href=\"https:\/\/pagespeed.web.dev\/?hl=IT\" data-type=\"link\" data-id=\"https:\/\/pagespeed.web.dev\/?hl=IT\" rel=\"noopener\">PageSpeed Insights<\/a> \u00e8 lo strumento messo a disposizione da Google per testare la velocit\u00e0 dei siti web.<\/p>\n\n\n\n<p>Alcune informazioni che ci permette di ottenere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>analisi da dispositivi mobili e da desktop;<\/li>\n\n\n\n<li>metriche Core Web Vitals;<\/li>\n\n\n\n<li>diagnosi dei problemi di prestazione rilevati;<\/li>\n\n\n\n<li>controlli aggiuntivi su accessibilit\u00e0, best practice e SEO.<\/li>\n<\/ul>\n\n\n\n<p>Ecco un esempio del report:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights-1024x670.png\" alt=\"Esempio Di Report Di Pagespeed Insights\" class=\"wp-image-55420\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights-1024x670.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights-300x196.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights-768x502.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights-96x63.png 96w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-pagespeed-insights.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tieni presente che questo strumento non ti d\u00e0 una misurazione dei <strong>tempi di caricamento complessivi della pagina<\/strong>, ma ti fornisce solo alcune metriche. Puoi approfondire leggendo la <a href=\"https:\/\/supporthost.com\/it\/pagespeed-insights\/\">guida a PageSpeed Insights<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"web-page-test\">WebPage Test<\/h3>\n\n\n\n<p>WebPage Test \u00e8 uno degli strumenti di speed test dei siti pi\u00f9 utilizzato.<\/p>\n\n\n\n<p>Alcune caratteristiche del report generato dallo strumento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>esegue tre (o pi\u00f9) test e ci restituisce un\u2019analisi completa;<\/li>\n\n\n\n<li>metriche sulle performance della pagina;<\/li>\n\n\n\n<li>analisi a cascata del caricamento delle risorse;<\/li>\n\n\n\n<li>dettagli sulle metriche Core Web Vitals.<\/li>\n<\/ul>\n\n\n\n<p>Prima di eseguire il test, possiamo modificare le opzioni avanzate dello strumento che ci permettono di impostare il tipo di connessione, scegliere quanti test eseguire o bloccare richieste specifiche.<\/p>\n\n\n\n<p>Lo stesso strumento ci permette di eseguire pi\u00f9 test, tra cui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>performance;<\/li>\n\n\n\n<li>metriche Core Web Vitals;<\/li>\n\n\n\n<li>eseguire un <a href=\"https:\/\/supporthost.com\/it\/tutorial\/traceroute\/\" data-type=\"bwl_kb\" data-id=\"21418\">traceroute<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Ecco un esempio del report prodotto da WebPage Test.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"336\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test-1024x336.png\" alt=\"Esempio Di Report Di Webpage Test\" class=\"wp-image-55421\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test-1024x336.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test-300x99.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test-768x252.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/01\/esempio-di-report-di-webpage-test.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-migliorare-la-velocita-del-sito-web\">Come migliorare la velocit\u00e0 del sito web<\/h2>\n\n\n\n<p>Ora che abbiamo visto come testare un sito web, \u00e8 il momento di passare ai fattori pi\u00f9 importanti da considerare quando si vogliono <strong>migliorare le performance<\/strong>.<\/p>\n\n\n\n<p>Ai fini di questa guida faremo una rapida panoramica dei punti pi\u00f9 importanti.<\/p>\n\n\n\n<p class=\"note\">Vuoi un vero e proprio workflow da seguire per iniziare a ottimizzare il sito? Lo trovi nella guida su come <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress<\/a>.<\/p>\n\n\n\n<p>Tieni presente che ogni sito ha bisogno di un lavoro di ottimizzazione ad hoc, qui vediamo quali sono i passi pi\u00f9 comuni che possono aiutarti a migliorare i tempi di caricamento del tuo sito, indipendentemente da come \u00e8 costruito il sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"scelta-dellhosting-e-uso-di-una-cdn\">Scelta dell\u2019hosting e uso di una CDN<\/h3>\n\n\n\n<p>La <a href=\"https:\/\/supporthost.com\/it\/scegliere-un-hosting\/\" data-type=\"post\" data-id=\"16808\">scelta dell\u2019hosting<\/a> pu\u00f2 influenzare la velocit\u00e0 di caricamento.<\/p>\n\n\n\n<p>La soluzione di hosting che hai scelto, infatti, influenza il tempo di risposta del server. Tieni presente che questo dipende anche dal sito stesso e dal traffico che ricevi. Per avere un\u2019idea di questo tempo puoi guardare il <strong>Time To First Byte<\/strong>.<\/p>\n\n\n\n<p>Un fattore determinante per la velocit\u00e0 del sito pu\u00f2 essere dato, inoltre, dalla <a href=\"https:\/\/supporthost.com\/it\/posizione-del-server\/\" data-type=\"post\" data-id=\"23939\">posizione del server<\/a>.<\/p>\n\n\n\n<p>Dovresti, infatti, scegliere il server in modo che sia <strong>vicino al pubblico<\/strong> di visitatori del sito. Per esempio se la maggior parte degli accessi al tuo sito proviene dall\u2019Italia \u00e8 sensato scegliere un server in Europa piuttosto che negli Stati Uniti.<\/p>\n\n\n\n<p><em>E se hai visitatori in tutto il mondo<\/em>?<\/p>\n\n\n\n<p>In questo caso o anche nel caso in cui le persone che visitano il tuo sito provengano da paesi molto distanti, entrano in gioco le <strong>CDN<\/strong>.<\/p>\n\n\n\n<p>Una CDN \u00e8 una rete di distribuzione dei contenuti che memorizza nella cache il tuo sito per renderlo disponibile pi\u00f9 rapidamente alle persone che lo visitano.<\/p>\n\n\n\n<p>In parole molto semplici potremmo dire che riduce la distanza tra il tuo sito e le persone che lo visitano; leggi il nostro articolo per <a href=\"https:\/\/supporthost.com\/it\/cdn\/\">scoprire cos&#8217;\u00e8 una CDN<\/a> e come funziona.<\/p>\n\n\n\n<p>Inoltre, quando scegli l\u2019hosting per il tuo sito web, dovresti anche considerare quali strumenti ti mette a disposizione per ottimizzare il sito. Ad esempio, su SupportHost la <a href=\"https:\/\/supporthost.com\/it\/tutorial\/compressione-gzip\/\" data-type=\"bwl_kb\" data-id=\"21458\">compressione Gzip<\/a>, che ti permette di ridurre la dimensione dei file, \u00e8 attiva in automatico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"riduzione-della-dimensione-delle-pagine\">Riduzione della dimensione delle pagine<\/h3>\n\n\n\n<p>La dimensione di una pagina dipende dagli elementi contenuti in essa.<\/p>\n\n\n\n<p>Gli elementi che hanno il maggiore impatto sulle dimensioni sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>video<\/li>\n\n\n\n<li>immagini<\/li>\n\n\n\n<li>font.<\/li>\n<\/ul>\n\n\n\n<p>Salvo rare eccezioni, la prassi pi\u00f9 comune per i <strong>video <\/strong>\u00e8 quella di ospitarli tramite un servizio esterno, per esempio YouTube, e incorporarli all\u2019interno della pagina.<\/p>\n\n\n\n<p>Le <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-wordpress\/\" data-type=\"post\" data-id=\"13818\">immagini possono essere ottimizzate<\/a> in modo da essere compresse e avere una risoluzione adeguata. Anche il formato delle immagini \u00e8 importante. Ogni formato ha il suo uso specifico, ad esempio per loghi ed icone si usa il formato SVG.<\/p>\n\n\n\n<p>Uno dei formati pi\u00f9 usati per ridurre la dimensione delle immagini \u00e8 il <a href=\"https:\/\/supporthost.com\/it\/webp-wordpress\/\">WebP<\/a> e l&#8217;AVIF, di cui abbiamo parlato in una <a href=\"https:\/\/supporthost.com\/it\/avif-vs-webp\/\">guida dedicata a questi formati moderni<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"riduzione-del-numero-di-richieste\">Riduzione del numero di richieste<\/h3>\n\n\n\n<p>Analizzando il sito con uno degli strumenti che abbiamo visto prima, per esempio GTmetrix, potremo sapere il numero di richieste che avvengono quando viene caricata la pagina.<\/p>\n\n\n\n<p>Per riuscire ad aumentare le prestazioni del sito, dobbiamo andare a individuare le <strong>richieste inutili <\/strong>ed eliminarle.<\/p>\n\n\n\n<p>Un esempio pu\u00f2 essere un form di contatto che viene caricato in tutte le pagine, anche in quelle in cui il form non \u00e8 presente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"merge-e-minify\">Merge e minify<\/h3>\n\n\n\n<p>Un altro metodo per incrementare la velocit\u00e0 di caricamento del sito, \u00e8 quello di andare a intervenire sui file JavaScript e CSS tramite <strong>merge e minify<\/strong>.<\/p>\n\n\n\n<p>Il <em>merge <\/em>rappresenta l\u2019unione di pi\u00f9 file in uno, e con <em>minify<\/em> si intende processo di minificazione che permette di ridurre le dimensioni del file eliminando i caratteri superflui. In questo modo si agisce riducendo il numero di file, e di richieste, e riducendo la dimensione dei file stessi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"utilizzo-di-un-sistema-di-cache\">Utilizzo di un sistema di cache<\/h3>\n\n\n\n<p>Puoi ridurre i tempi di caricamento del sito utilizzando la <strong>cache<\/strong>. La cache \u00e8 una copia delle pagine del sito che viene memorizzata e consente cos\u00ec di ridurre il caricamento delle pagine.<\/p>\n\n\n\n<p>In base al sito e alla soluzione di hosting che hai scelto, potresti usare un plugin o sfruttare la cache lato server, per esempio grazie a <a href=\"https:\/\/supporthost.com\/it\/litespeed\/\" data-type=\"post\" data-id=\"16207\">LiteSpeed<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Siamo partiti dall&#8217;importanza di misurare le perfomance, vedendo che <strong>impatto <\/strong>pu\u00f2 avere il miglioramento della velocit\u00e0 di un sito web.<\/p>\n\n\n\n<p>Ovviamente non basta solo sapere che la velocit\u00e0 \u00e8 importante, ma \u00e8 importante capire come fare a misurarla in maniera corretta e con gli <strong>strumenti <\/strong>migliori. <\/p>\n\n\n\n<p>In conclusione abbiamo visto <strong>da dove partire <\/strong>per migliorare le performance del sito. <\/p>\n\n\n\n<p>Quale strumento preferisci usare per lo speed test del sito e perch\u00e9? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vuoi sapere quali sono gli strumenti migliori per misurare la velocit\u00e0 di un sito web? In questa guida vedremo quali sono le metriche pi\u00f9 importanti e come misurarle, quali errori non fare quando si fa uno speed test e da dove partire per iniziare a ottimizzare i tempi di caricamento del nostro sito. Prima di [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-55415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-velocita"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/55415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=55415"}],"version-history":[{"count":6,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/55415\/revisions"}],"predecessor-version":[{"id":132614,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/55415\/revisions\/132614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63484"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=55415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=55415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=55415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}