{"id":20024,"date":"2021-09-16T16:48:32","date_gmt":"2021-09-16T16:48:32","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=20024"},"modified":"2025-09-22T14:51:36","modified_gmt":"2025-09-22T12:51:36","slug":"gtmetrix","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/gtmetrix\/","title":{"rendered":"GTmetrix: guida completa"},"content":{"rendered":"\n<p>GTmetrix \u00e8 uno strumento che ci permette di testare la <a href=\"https:\/\/supporthost.com\/it\/velocita-sito-web\/\" data-type=\"post\" data-id=\"55415\">velocit\u00e0 dei siti web<\/a>. Tra tutti gli strumenti pensati per questo scopo si tratta di uno dei pi\u00f9 conosciuti e utilizzati per la sua <strong>semplicit\u00e0 <\/strong>d&#8217;uso e per la quantit\u00e0 di metriche che ci permette di esaminare. <\/p>\n\n\n\n<p>In questa guida vedremo le diverse opzioni di analisi che GTmetrix ci mette a disposizione. Esamineremo i report e le indicazioni che lo strumento ci fornisce per migliorare le prestazioni del nostro sito. Poi ci soffermeremo sul significato di tutti i <strong>parametri <\/strong>presi in esame dal tool e vedremo come sfruttare al meglio tutte le funzioni, compresa la possibilit\u00e0 di attivare il monitoraggio degli URL ed eseguire speed test a cadenza prefissata.<\/p>\n\n\n\n<p>Per finire vedremo i diversi <strong>piani <\/strong>che GTmetrix ci offre oltre al piano basic gratuito che ci permette gi\u00e0 di per s\u00e9 di usufruire di quasi tutte le funzioni con alcune limitazioni.<\/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=\"#analisi-con-g-tmetrix-speed-test\">Analisi con GTmetrix speed test<\/a><\/li><li><a href=\"#da-cosa-dipendono-le-performance-del-nostro-sito\">Da cosa dipendono le performance del nostro sito?<\/a><\/li><li><a href=\"#come-funziona-il-report-di-g-tmetrix\">Come funziona il report di GTmetrix<\/a><ul><li><a href=\"#punteggio-performance-g-tmetrix\">Punteggio Performance GTmetrix<\/a><\/li><li><a href=\"#punteggio-struttura-g-tmetrix\">Punteggio Struttura GTmetrix<\/a><\/li><li><a href=\"#web-vitals\">Web Vitals<\/a><\/li><\/ul><\/li><li><a href=\"#scheda-riepilogo\">Scheda Riepilogo<\/a><\/li><li><a href=\"#scheda-performance\">Scheda Performance<\/a><ul><li><a href=\"#metriche-performance\">Metriche Performance<\/a><ul><li><a href=\"#first-contentful-paint\">First Contentful Paint<\/a><\/li><li><a href=\"#speed-index\">Speed Index<\/a><\/li><li><a href=\"#largest-contentful-paint\">Largest Contentful Paint<\/a><\/li><li><a href=\"#time-to-interactive\">Time to Interactive<\/a><\/li><li><a href=\"#total-blocking-time\">Total Blocking Time<\/a><\/li><li><a href=\"#cumulative-layout-shift\">Cumulative Layout Shift<\/a><\/li><\/ul><\/li><li><a href=\"#browser-timings\">Browser Timings<\/a><ul><li><a href=\"#redirect-duration\">Redirect duration<\/a><\/li><li><a href=\"#connection-duration\">Connection duration<\/a><\/li><li><a href=\"#backend-duration\">Backend duration<\/a><\/li><li><a href=\"#time-to-first-byte\">Time to First Byte<\/a><\/li><li><a href=\"#first-paint\">First Paint<\/a><\/li><li><a href=\"#dom-interactive-time\">DOM Interactive Time<\/a><\/li><li><a href=\"#dom-content-loaded-time\">DOM Content Loaded Time<\/a><\/li><li><a href=\"#onload-time\">Onload Time<\/a><\/li><li><a href=\"#fully-loaded-time\">Fully Loaded Time<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#scheda-struttura\">Scheda Struttura<\/a><\/li><li><a href=\"#scheda-waterfall\">Scheda Waterfall<\/a><ul><li><a href=\"#come-e-organizzato-il-grafico-waterfall\">Come \u00e8 organizzato il grafico Waterfall<\/a><ul><li><a href=\"#colonne-aggiuntive\">Colonne aggiuntive<\/a><\/li><\/ul><\/li><li><a href=\"#cambiare-ordinamento-e-filtrare-il-grafico-waterfall\">Cambiare ordinamento e filtrare il grafico Waterfall<\/a><\/li><\/ul><\/li><li><a href=\"#scheda-video\">Scheda Video<\/a><\/li><li><a href=\"#scheda-history\">Scheda History<\/a><ul><li><a href=\"#interagire-con-i-grafici-history\">Interagire con i grafici History<\/a><\/li><\/ul><\/li><li><a href=\"#impostare-monitoraggio-e-avvisi\">Impostare monitoraggio e avvisi<\/a><ul><li><a href=\"#monitorare-una-pagina-con-g-tmetrix\">Monitorare una pagina con GTmetrix<\/a><ul><li><a href=\"#disattivare-il-monitoraggio\">Disattivare il monitoraggio<\/a><\/li><\/ul><\/li><li><a href=\"#impostare-avvisi-con-g-tmetrix\">Impostare avvisi con GTmetrix<\/a><ul><li><a href=\"#disattivare-gli-avvisi\">Disattivare gli avvisi<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#errori-durante-lanalisi-con-g-tmetrix\">Errori durante l&#8217;analisi con GTmetrix<\/a><\/li><li><a href=\"#g-tmetrix-piani-e-prezzi\">GTmetrix: piani e prezzi<\/a><ul><li><a href=\"#g-tmetrix-piano-basic\">GTmetrix: piano Basic<\/a><\/li><li><a href=\"#g-tmetrix-piano-solo\">GTmetrix: piano Solo<\/a><\/li><li><a href=\"#g-tmetrix-piano-starter\">GTmetrix: piano Starter<\/a><\/li><li><a href=\"#g-tmetrix-piano-growth\">GTmetrix: piano Growth<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<p>Se preferisci guarda la versione video in cui ti mostro come ottimizzare un sito usando GTmetrix:<\/p>\n\n\n\n<div data-video-id=\"vltdNcF8KQo\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/vltdNcF8KQo\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"analisi-con-g-tmetrix-speed-test\">Analisi con GTmetrix speed test<\/h2>\n\n\n\n<p>Per analizzare la velocit\u00e0 di caricamento di una pagina con <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTmetrix<\/a> ci basta inserire l&#8217;URL da testare e cliccare sul pulsante <em>Analyze<\/em>. Tuttavia, per avere un risultato pi\u00f9 attendibile \u00e8 consigliabile modificare le opzioni di analisi. <\/p>\n\n\n\n<p>Nello specifico possiamo impostare il <strong>browser <\/strong>che vogliamo utilizzare nel test e il <strong>tipo di connessione<\/strong> in modo da vedere come questi elementi influiscono sul caricamento.<\/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>GTmetrix ci d\u00e0 anche la possibilit\u00e0 di effettuare il test cambiando la <strong>posizione in cui sono ubicati i server<\/strong>. <\/p>\n\n\n\n<p>In questo modo possiamo impostare la localit\u00e0 che si avvicina di pi\u00f9 a quella in cui si trova il server che ospita il nostro sito e al luogo da cui proviene la maggior parte del traffico verso il nostro sito. Per esempio se la maggior parte del traffico proviene dall&#8217;Italia imposteremo Londra come localit\u00e0 di riferimento.<\/p>\n\n\n\n<p>Per impostazione predefinita vengono usati i server di <strong>Vancouver<\/strong>, ma puoi cambiare e scegliere tra:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vancouver, Canada<\/li>\n\n\n\n<li>Hong Kong, Cina<\/li>\n\n\n\n<li>Mumbai, India<\/li>\n\n\n\n<li>Londra, UK<\/li>\n\n\n\n<li>San Antonio, TX, USA<\/li>\n\n\n\n<li>Sydney, Australia<\/li>\n\n\n\n<li>San Paolo, Brasile.<\/li>\n<\/ul>\n\n\n\n<p>Con la versione gratuita puoi scegliere tra queste 7 diverse <strong>localit\u00e0<\/strong>, mentre con la versione Pro puoi utilizzarne 22, puoi vedere la <a href=\"https:\/\/gtmetrix.com\/locations.html\" target=\"_blank\" rel=\"noreferrer noopener\">lista di tutti i server<\/a> sul sito di GTmetrix.<\/p>\n\n\n\n<p>Tieni presente che puoi utilizzare lo strumento come <em>ospite<\/em>, ma per poter usufruire di maggiori funzionalit\u00e0, compresa la possibilit\u00e0 di cambiare la localit\u00e0 dei server, ti basta registrare un account gratuito.<\/p>\n\n\n\n<p>Tra le <strong>opzioni <\/strong>\u00e8 anche possibile attivare la funzione <em>Crea video<\/em> che esamineremo nello specifico nella sezione dedicata alla scheda <em>Video<\/em> del Report.<\/p>\n\n\n\n<p>Attraverso le <strong>Opzioni Avanzate<\/strong> \u00e8 possibile effettuare i test su pagine che richiedono l&#8217;autenticazione http o il login (impostando i cookie). Inoltre, per le versioni <strong>PRO <\/strong>\u00e8 possibile impostare la risoluzione dello schermo, usare un user agent specifico e utilizzare delle impostazioni DNS personalizzate.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"da-cosa-dipendono-le-performance-del-nostro-sito\">Da cosa dipendono le performance del nostro sito?<\/h2>\n\n\n\n<p>Lo speed test di GTmetrix ci permette di focalizzarci sulle performance del sito o meglio delle singole pagine analizzando la velocit\u00e0 e il modo in cui le pagine vengono caricate e concentrandosi quindi sull&#8217;<strong>esperienza lato utente<\/strong>. <\/p>\n\n\n\n<p>Avere un <a href=\"https:\/\/supporthost.com\/it\/perche-e-importante-avere-un-sito-veloce\/\" target=\"_blank\" data-type=\"post\" data-id=\"13569\" rel=\"noreferrer noopener\">sito veloce<\/a> \u00e8 fondamentale per fornire agli utenti un&#8217;esperienza di navigazione ottimale e soprattutto non indurli ad abbandonare il nostro sito. <\/p>\n\n\n\n<p>Le prestazioni del sito dipendono da diversi fattori come l&#8217;utilizzo della connessione sicura HTTPS, le dimensioni della pagina, il numero di richieste e l&#8217;hosting. <\/p>\n\n\n\n<p>Ci sono poi altre variabili date dalla complessit\u00e0 del sito, ad esempio in un sito WordPress i tempi di caricamento dipendo anche dai plugin utilizzati, non tanto dalla loro quantit\u00e0, ma dalla loro qualit\u00e0. Puoi approfondire quale sia l&#8217;impatto dei plugin sulle prestazioni leggendo il nostro articolo sui <a href=\"https:\/\/supporthost.com\/it\/plugin-che-rallentano-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"10712\" rel=\"noreferrer noopener\">plugin che rallentano WordPress<\/a>.<\/p>\n\n\n\n<p>In ogni caso un hosting performante \u00e8 la base di partenza per avere ottime prestazioni con il tuo sito. <\/p>\n\n\n\n<p>Prendiamo il caso del nostro <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\" data-type=\"page\" data-id=\"17278\" target=\"_blank\" rel=\"noreferrer noopener\">hosting WordPress<\/a>. Abbiamo effettuato un test su una nuova installazione di WordPress e registrato questi risultati:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost-1024x393.png\" alt=\"Gtmetrix Risultati Sito Supporthost\" class=\"wp-image-20097\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost-1024x393.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost-300x115.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost-768x295.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-risultati-sito-supporthost.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Risultati ottenuti con tema OceanWP<\/figcaption><\/figure>\n\n\n\n<p>Puoi mettere alla prova tu stesso il nostro servizio con una <a href=\"https:\/\/supporthost.com\/it\/hosting-gratis\/\" data-type=\"page\" data-id=\"56333\">piano hosting in prova gratuita<\/a> per 14 giorni al termine dei quali puoi scegliere se sottoscrivere un piano completo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-funziona-il-report-di-g-tmetrix\">Come funziona il report di GTmetrix<\/h2>\n\n\n\n<p>Dopo aver eseguito uno speed test, in alto nella pagina del <strong>report <\/strong>vedrai un&#8217;anteprima della pagina che hai analizzato e le opzioni che hai utilizzato. Potrai verificare quindi l&#8217;ubicazione dei server usati per il test e il browser, come vedi in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"265\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate-1024x265.png\" alt=\"Gtmetrix Report Opzioni Usate\" class=\"wp-image-20026\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate-1024x265.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate-300x78.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate-768x199.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate-120x31.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-report-opzioni-usate.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Subito sotto vedrai il <strong>GTmetrix grade <\/strong>che il risultato della combinazione dei punteggi <em>Performance <\/em>e <em>Struttura<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"233\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-grade.png\" alt=\"Gtmetrix Grade\" class=\"wp-image-20027\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-grade.png 755w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-grade-300x93.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-grade-120x37.png 120w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p>In particolare il grado si ottiene dalla media ponderata di questi due punteggi:<\/p>\n\n\n\n<p>il punteggio delle <em>Performance<\/em> vale per il 70%<\/p>\n\n\n\n<p>il punteggio della <em>Struttura<\/em> incide per il 30%.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"217\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-performance-structure.png\" alt=\"Gtmetrix Performance Structure\" class=\"wp-image-20028\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-performance-structure.png 755w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-performance-structure-300x86.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-performance-structure-120x34.png 120w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p>Il GTmetrix grade \u00e8 stato introdotto solo di recente a partire da novembre 2020. Prima venivano invece mostrati due punteggi che lo strumento raccoglieva sotto la voce Performance Scores, ovvero <strong>PageSpeed Score <\/strong>basato sullo strumento di Google e <strong>YSlow Score <\/strong>basato sullo strumento di Yahoo.<\/p>\n\n\n\n<p>Il punteggio dipendeva, quindi, da quanto il sito fosse in linea con questi due criteri. Tuttavia le raccomandazioni prese in considerazione da PageSpeed e YSlow si incentravano solo sul front-end delle pagine analizzate.<\/p>\n\n\n\n<p>Nella pratica il punteggio dava idea di quanto una pagina fosse strutturata correttamente, senza per\u00f2 tenere in considerazione quanto veloce fosse il caricamento per chi la visitava.<\/p>\n\n\n\n<p>Per questo motivo si potevano avere punteggi massimi nel PageSpeed e YSlow pur avendo tempi di caricamento della pagina (Fully loaded time) piuttosto alti. Ti riporto un esempio di test che abbiamo evidenziato nella guida su come <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"9328\" rel=\"noreferrer noopener\">velocizzare WordPress<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"397\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/velocizzare-wordpress-punteggio-vs-prestazioni.png\" alt=\"Velocizzare WordPress Punteggio Vs Prestazioni\" class=\"wp-image-13007\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/velocizzare-wordpress-punteggio-vs-prestazioni.png 800w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/velocizzare-wordpress-punteggio-vs-prestazioni-300x149.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/velocizzare-wordpress-punteggio-vs-prestazioni-768x381.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/velocizzare-wordpress-punteggio-vs-prestazioni-120x60.png 120w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Il GTmetrix grade invece \u00e8 dato dalla combinazione del punteggio assegnato a Performance e Struttura. Vediamo come vengono calcolati questi due punteggi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"punteggio-performance-g-tmetrix\">Punteggio Performance GTmetrix<\/h3>\n\n\n\n<p>Il punteggio Performance di GTmetrix non \u00e8 altro che il punteggio Performance di <strong>Lighthouse<\/strong>, lo strumento open source di Google che valuta le prestazioni della pagine Web.<\/p>\n\n\n\n<p>Una differenza sostanziale tra le analisi di Lighthouse e le precedenti metriche di PageSpeed e YSlow \u00e8 che Lighthouse mette in primo piano l&#8217;esperienza dell&#8217;utente. Per capire esattamente come fa, vediamo su quali metriche si basa il punteggio.<\/p>\n\n\n\n<p>Per calcolare il punteggio Performance vengono prese in esame sei metriche e ad ognuna viene attribuito un peso differente.<\/p>\n\n\n\n<p class=\"note\">In questa sezione vedremo solo quali sono le metriche considerate e quanto incidono sul punteggio. Vedremo poi uno ad uno i diversi criteri quando esamineremo la scheda Performance.<\/p>\n\n\n\n<p><strong>Prestazioni di caricamento<\/strong> (incidono per il 55% sul punteggio totale) e sono a loro volta influenzate da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First Contentful Paint (15%)<\/li>\n\n\n\n<li>Speed Index (15%)<\/li>\n\n\n\n<li>Largest Contentful Paint (25%).<\/li>\n<\/ul>\n\n\n\n<p><strong>Interattivit\u00e0<\/strong> (incide per il 40% sul totale) e dipende a sua volta da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Time to Interactive (15%)<\/li>\n\n\n\n<li>Total Blocking Time (25%)<\/li>\n<\/ul>\n\n\n\n<p><strong>Stabilit\u00e0 visiva<\/strong> (incide per il 5%) ed \u00e8 determinata a sua volta dal<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cumulative Layout Shift (5%).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"punteggio-struttura-g-tmetrix\">Punteggio Struttura GTmetrix<\/h3>\n\n\n\n<p>Lo Structure Score o Punteggio Struttura \u00e8 una metrica proprietaria di GTmetrix basata sempre su dei criteri di Lighthouse. Il punteggio indica se la pagina analizzata rispetta i criteri per garantire delle prestazioni ottimali.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"web-vitals\">Web Vitals<\/h3>\n\n\n\n<p>Il rapporto di GTmetrix oltre a mostrarci il GTmetrix Grade dato dai punteggi performance e struttura che abbiamo appena esaminato ci permette anche di visualizzare i punteggi della nostra pagina in base alle metriche dei Web Vitals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"210\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/web-vitals.png\" alt=\"Web Vitals\" class=\"wp-image-20129\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/web-vitals.png 827w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/web-vitals-300x76.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/web-vitals-768x195.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/web-vitals-120x30.png 120w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<p>I Web Vitals o <a href=\"https:\/\/supporthost.com\/it\/core-web-vitals-ranking\/\" data-type=\"post\" data-id=\"28266\">Core Web Vitals<\/a> sono delle metriche introdotte da Google nel 2020 per valutare l&#8217;esperienza dell&#8217;utente su un sito web. Si tratta di parametri misurati da diversi strumenti, tra cui anche <a href=\"https:\/\/supporthost.com\/it\/webpagetest\/\">WebPageTest<\/a>.<\/p>\n\n\n\n<p>Nello specifico GTmetrix ci mostra tre metriche: Largest Contentuful Paint, Total Blocking Time e Cumulative Layout Shift. Vedremo nello specifico cosa rappresentano quando parleremo della scheda Performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-riepilogo\">Scheda Riepilogo<\/h2>\n\n\n\n<p>La scheda di Riepilogo (Summary) ci fornisce delle informazioni importanti per migliorare le performance della pagina analizzata. In questa scheda, infatti, GTmetrix ci mette in evidenza alcuni aspetti principali dell&#8217;analisi.<\/p>\n\n\n\n<p>Nella scheda Riepiogo troviamo:<\/p>\n\n\n\n<p>Andamento della velocit\u00e0 di caricamento (<strong>speed visualization<\/strong>): \u00e8 un indicatore visivo che ci mostra le fasi di caricamento della pagina, mostrandoci quali sezioni della pagina vengono caricate in un dato momento. Ci d\u00e0 idea, quindi, di come appare la nostra pagina ai visitatori mentre viene caricata completamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"265\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix-1024x265.png\" alt=\"Speed Visualization Gtmetrix\" class=\"wp-image-20029\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix-1024x265.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix-300x78.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix-768x198.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix-120x31.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-visualization-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Top Issues <\/strong>(problemi principali): in questa sezione c&#8217;\u00e8 un riepilogo dei problemi che hanno un maggiore impatto sulle prestazioni della pagina. Migliorando le problematiche evidenziate in questa sezione ed eseguendo un nuovo test sulla pagina vedremo le voci di questa sezione cambiare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"387\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix-1024x387.png\" alt=\"Top Issues Gtmetrix\" class=\"wp-image-20030\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix-1024x387.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix-768x291.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix-120x45.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/top-issues-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come vedremo pi\u00f9 avanti l&#8217;elenco di tutti i problemi e i suggerimenti su come migliorarli pu\u00f2 essere visualizzato nel dettaglio della scheda Struttura. In ogni caso gi\u00e0 da questa sezione \u00e8 possibile visualizzare i dettagli sui problemi principali facendo click su ognuno.<\/p>\n\n\n\n<p><strong>Page details<\/strong> (dettagli della pagina): in questa sezione ci viene mostrato un grafico che mette in evidenzia i tipi e il numero di richieste per pagina e la dimensione degli elementi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"579\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-details-gtmetrix.png\" alt=\"Page Details Gtmetrix\" class=\"wp-image-20031\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-details-gtmetrix.png 793w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-details-gtmetrix-300x219.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-details-gtmetrix-768x561.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-details-gtmetrix-86x63.png 86w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/figure>\n\n\n\n<p><strong>More from GTmetrix<\/strong>: la sezione contiene risorse di GTmetrix e rimanda a guide differenti in base ai problemi evidenziati dall&#8217;analisi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"578\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/more-from-gtmetrix.png\" alt=\"More From Gtmetrix\" class=\"wp-image-20032\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/more-from-gtmetrix.png 793w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/more-from-gtmetrix-300x219.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/more-from-gtmetrix-768x560.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/more-from-gtmetrix-86x63.png 86w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-performance\">Scheda Performance<\/h2>\n\n\n\n<p>Nella scheda Performance di GTmetrix possiamo esaminare nel dettaglio le metriche che vanno a influenzare il punteggio Performance.<\/p>\n\n\n\n<p>Accanto ad ognuna viene riportato il risultato registrato dalla pagina analizzata e un <strong>indicatore <\/strong>che ci d\u00e0 idea di quello che \u00e8 possibile migliorare o ci conferma che i punteggi di quella metrica sono in linea per avere dei risultati ottimali.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"681\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-indicatori-scheda-performance.png\" alt=\"Gtmetrix Indicatori Scheda Performance\" class=\"wp-image-20089\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-indicatori-scheda-performance.png 694w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-indicatori-scheda-performance-300x294.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-indicatori-scheda-performance-64x63.png 64w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure>\n\n\n\n<p>Subito sotto le metriche che vanno a determinare il punteggio Performance troviamo le statistiche Browser Timing. Si tratta di metriche che prima venivano ritenute pi\u00f9 importanti, ma che ora non vanno a influenzare il punteggio Performance di GTmetrix.<\/p>\n\n\n\n<p>Vediamo prima quali sono le sei metriche che vanno a determinare il punteggio Performance per poi concentrarci sulle statistiche che GTmetrix raccoglie nella sezione Browser Timing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"metriche-performance\">Metriche Performance<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"first-contentful-paint\">First Contentful Paint<\/h4>\n\n\n\n<p>Il First Contentful Paint (FCP) indica quanto velocemente i visitatori del sito possono vedere i primi elementi della pagina come testi o immagini. La metrica si riferisce quindi alla velocit\u00e0 di caricamento della pagina e il punteggio ideale \u00e8 <strong>0,9 secondi<\/strong> o inferiore.<\/p>\n\n\n\n<p>In particolare le soglie sono le seguenti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>FCP minore di 934 millisecondi: buono (good, nothing to do here)<\/li>\n\n\n\n<li>FCP tra 934 e 1205 millisecondi: pu\u00f2 essere migliorato (OK, but consider improvement)<\/li>\n\n\n\n<li>FCP tra 1205 e 1600 millisecondi: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>FCP superiore a 1600 millisecondi: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<p>Puoi trovare questa metrica nella scheda <em>Performance<\/em> come vedi in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"831\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix.png\" alt=\"First Contentful Paint Gtmetrix\" class=\"wp-image-20033\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix.png 803w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-290x300.png 290w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-768x795.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-61x63.png 61w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/figure>\n\n\n\n<p>Nella scheda <em>Waterfall <\/em>ti basta posizionare il mouse sul tempo di caricamento della prima richiesta per visualizzare il First Contentful Paint come vedi qui.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall-1024x736.png\" alt=\"First Contentful Paint Gtmetrix Waterfall\" class=\"wp-image-20034\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall-1024x736.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall-300x216.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall-768x552.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall-88x63.png 88w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/first-contentful-paint-gtmetrix-waterfall.png 1164w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per migliorare l&#8217;FCP si possono adottare alcuni accorgimenti come evitare i redirect multipli, usare un <a href=\"https:\/\/supporthost.com\/it\/cdn\/\">CDN<\/a> (per esempio <a href=\"https:\/\/supporthost.com\/it\/quic-cloud-vs-cloudflare\/\" data-type=\"post\" data-id=\"40876\">Cloudflare o QUIC.cloud<\/a>) e ridurre la risposta iniziale del server.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"speed-index\">Speed Index<\/h4>\n\n\n\n<p>Lo Speed Index (SI) misura quanto velocemente le parti visibili della pagina vengono caricate. \u00c8 anche questa una metrica legata ai tempi di caricamento della pagina e il suo valore ideale \u00e8 <strong>1,3 secondi<\/strong> o inferiore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"797\" height=\"828\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-index-gtmetrix.png\" alt=\"Speed Index Gtmetrix\" class=\"wp-image-20035\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-index-gtmetrix.png 797w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-index-gtmetrix-289x300.png 289w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-index-gtmetrix-768x798.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/speed-index-gtmetrix-61x63.png 61w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/figure>\n\n\n\n<p>Nello specifico ecco tutte le soglie dello Speed Index:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SI di 1311 millisecondi o inferiore: buono<\/li>\n\n\n\n<li>SI compreso tra 1311 e 1711 millisecondi: pu\u00f2 essere migliorato<\/li>\n\n\n\n<li>SI compreso tra 1711 e 2300 millisecondi: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>SI superiore a 2300 millisecondi: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<p>Per migliorare lo Speed Index si dovr\u00e0 cercare di ottimizzare la pagina in modo da avere un migliore punteggio di FCP e LCP. Inoltre si possono migliorare le performance anche con questi metodi: rimuovere JavaScript non utilizzati, ridurre il codice di terze parti e il tempo di esecuzione degli JavaScript.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"largest-contentful-paint\">Largest Contentful Paint<\/h4>\n\n\n\n<p>Il punteggio del Largest Contentful Paint (LCP) \u00e8 dato dal tempo che serve a caricare il contenuto pi\u00f9 grande visibile sulla pagina. L&#8217;elemento in questione pu\u00f2 essere un&#8217;immagine o un blocco di testo in base alla pagina che viene analizzata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"832\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/largest-contentful-paint-gtmetrix.png\" alt=\"Largest Contentful Paint Gtmetrix\" class=\"wp-image-20036\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/largest-contentful-paint-gtmetrix.png 804w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/largest-contentful-paint-gtmetrix-290x300.png 290w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/largest-contentful-paint-gtmetrix-768x795.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/largest-contentful-paint-gtmetrix-61x63.png 61w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/><\/figure>\n\n\n\n<p>Tieni presente che l&#8217;LCP fa parte dei Google Web Vitals. Ci\u00f2 significa che Google lo considera uno dei parametri fondamentali che influenza l&#8217;esperienza dell&#8217;utente.<\/p>\n\n\n\n<p>Il punteggio ideale dovrebbe mantenersi al di sotto di <strong>1,2 secondi<\/strong>, ed ecco tutte le soglie individuate da GTmetrix:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>LCP di 1200 millisecondi o minore: buono<\/li>\n\n\n\n<li>LCP tra 1200 e 1666 millisecondi: pu\u00f2 essere migliorato<\/li>\n\n\n\n<li>LCP tra 1666 e 2400 millisecondi: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>LCP maggiore di 2400 millisecondi: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<p>Per migliorare l&#8217;LCP si pu\u00f2 cercare di ridurre i tempi di risposta del server, per esempio utilizzando un CDN. Inoltre si dovrebbero anche <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"13818\" rel=\"noreferrer noopener\">ottimizzare le immagini<\/a> (per esempio usando i formati raccomandati come webp).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"time-to-interactive\">Time to Interactive<\/h4>\n\n\n\n<p>Il Time to Interactive (TTI) rappresenta il tempo necessario affinch\u00e9 l&#8217;utente possa interagire con la pagina. Non \u00e8 sufficiente quindi che un elemento del sito diventi visibile, ma deve rispondere anche alle interazioni degli utenti. Il valore ideale per il Time to Interactive \u00e8 al di sotto dei <strong>2,5 secondi<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"744\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/time-to-interactive-gtmetrix.png\" alt=\"Time To Interactive Gtmetrix\" class=\"wp-image-20037\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/time-to-interactive-gtmetrix.png 817w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/time-to-interactive-gtmetrix-300x273.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/time-to-interactive-gtmetrix-768x699.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/time-to-interactive-gtmetrix-69x63.png 69w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/><\/figure>\n\n\n\n<p>Nel dettaglio le soglie utilizzate da GTmetrix per il TTI sono queste:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TTI uguale o inferiore a 2468 millisecondi: buono<\/li>\n\n\n\n<li>TTI compreso tra 2468 e 3280 millisecondi: pu\u00f2 essere migliorato<\/li>\n\n\n\n<li>TTI compreso tra 3280 e 4500 millisecondi: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>TTI superiore a 4500 millisecondi: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<p>Tra le strade che puoi intraprendere per migliorare il TTI puoi concentrarti sull&#8217;esecuzione degli JavaScript, ad esempio riducendo il tempo di esecuzione degli script. Tieni presente che anche le catene di richieste critiche (critical chain requests) possono avere un impatto notevole sul caricamento della pagina.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"total-blocking-time\">Total Blocking Time<\/h4>\n\n\n\n<p>Il Total Blocking Time (TBT): misura il tempo che intercorre tra il First Contentful Paint e il Time to interactive. Rappresenta, quindi, il tempo durante il quale la pagina risulta essere ancora <em>bloccata<\/em> ovvero non risponde alle interazioni degli utenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"698\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/total-blocking-time-gtmetrix.png\" alt=\"Total Blocking Time Gtmetrix\" class=\"wp-image-20038\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/total-blocking-time-gtmetrix.png 806w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/total-blocking-time-gtmetrix-300x260.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/total-blocking-time-gtmetrix-768x665.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/total-blocking-time-gtmetrix-73x63.png 73w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure>\n\n\n\n<p>Si parla di total blocking time proprio perch\u00e9 questo tempo racchiude la somma dei singoli tempi necessari per ogni richiesta (individual blocking time). Perch\u00e9 indicarlo, visto che c&#8217;era gi\u00e0 il Time to Interactive?<\/p>\n\n\n\n<p>A differenza del TTI che rappresenta appunto quanto impiega la pagina a diventare interattiva, analizzare il TBT ti permette di capire quali processi richiedono pi\u00f9 tempo.<\/p>\n\n\n\n<p>L&#8217;impatto maggiore sulle performance pu\u00f2 essere dovuto a codice di terze parti o al tempo di esecuzione dei JavaScript. Sapere quale di questi processi ha il peso maggiore ti permette di migliorare il TBT e di conseguenza migliorare la user experience.<\/p>\n\n\n\n<p>Un TBT ideale dovrebbe stare al di sotto dei <strong>150 millisecondi<\/strong>. Queste sono le soglie utilizzate da GTmetrix:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TBT di 150 millisecondi o inferiore: buono<\/li>\n\n\n\n<li>TBT tra 150 e 224 millisecondi: pu\u00f2 essere migliorato<\/li>\n\n\n\n<li>TBT tra 224 e 350 millisecondi: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>TBT maggiore di 350 millisecondi: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"cumulative-layout-shift\">Cumulative Layout Shift<\/h4>\n\n\n\n<p>Il Cumulative Layout Shift (CLS) misura la stabilit\u00e0 della pagina analizzando lo spostamento del layout che si verifica mentre la pagina diventa visibile.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"705\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/cumulative-layout-shift-gtmetrix.png\" alt=\"Cumulative Layout Shift Gtmetrix\" class=\"wp-image-20039\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/cumulative-layout-shift-gtmetrix.png 809w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/cumulative-layout-shift-gtmetrix-300x261.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/cumulative-layout-shift-gtmetrix-768x669.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/cumulative-layout-shift-gtmetrix-72x63.png 72w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n\n\n\n<p>Nella misura vengono presi in considerazione sia l&#8217;area interessata dallo spostamento che lo spostamento complessivo degli elementi, ovvero quanto un elemento si sposta dalla sua posizione di partenza.<\/p>\n\n\n\n<p>Un valore alto va a compromettere l&#8217;esperienza dell&#8217;utente sul sito, in particolare per chi visita il sito da dispositivi mobili. Visto il numero sempre maggiore di utenti che naviga in rete proprio dai dispositivi mobili non ti sorprender\u00e0 sapere che il CLS fa parte dei Web Vitals di Google.<\/p>\n\n\n\n<p>Il valore ideale per il CLS \u00e8 un punteggio inferiore a <strong>0,1<\/strong>. Ecco le soglie impostate da GTmetrix per questa metrica:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CLS uguale o inferiore a 0,1: buono<\/li>\n\n\n\n<li>CLS tra 0,1 e 0,15: pu\u00f2 essere migliorato<\/li>\n\n\n\n<li>CLS tra 0,15 e 0,25: pi\u00f9 elevato del valore raccomandato<\/li>\n\n\n\n<li>CLS superiore a 0,25: molto pi\u00f9 elevato del valore raccomandato.<\/li>\n<\/ul>\n\n\n\n<p>Per migliorare il CLS si possono specificare le dimensioni delle immagini nel codice della pagina e riservare degli spazi statici per gli spazi pubblicitari. Altri elementi da considerare sono banner dinamici ed elementi incorporati nella pagina come ad esempio tweet o post di Instagram.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"browser-timings\">Browser Timings<\/h3>\n\n\n\n<p>In questa sezione troviamo altre metriche che possono essere utili, ma che non contribuiscono a determinare il punteggio <em>Performance<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"272\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix-1024x272.png\" alt=\"Browser Timings Gtmetrix\" class=\"wp-image-20040\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix-1024x272.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix-300x80.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix-768x204.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix-120x32.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/browser-timings-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"redirect-duration\">Redirect duration<\/h4>\n\n\n\n<p>La durata dei redirect \u00e8 il tempo richiesto dai vari reindirizzamenti per poter arrivare all&#8217;indirizzo di destinazione. Se ci sono redirect multipli la durata singola viene sommata e il tempo complessivo viene mostrato in questa sezione.<\/p>\n\n\n\n<p>In genere dipende da <a href=\"https:\/\/supporthost.com\/it\/redirect-301\/\" target=\"_blank\" data-type=\"post\" data-id=\"18474\" rel=\"noreferrer noopener\">redirect 301<\/a> che possono essere stati implementati per:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>un reindirizzamento di una pagina non www a una www (o viceversa)<\/li>\n\n\n\n<li>un redirect da <a href=\"https:\/\/supporthost.com\/it\/wordpress-https\/\" target=\"_blank\" data-type=\"post\" data-id=\"1853\" rel=\"noreferrer noopener\">http a https<\/a><\/li>\n\n\n\n<li>un reindirizzamento dalla versione desktop a quella mobile del sito.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"connection-duration\">Connection duration<\/h4>\n\n\n\n<p>La durata della connessione corrisponde al tempo necessario per collegarsi al server e richiedere la pagina. Cos\u00ec come mentre vengono completati tutti i reindirizzamenti anche durante questo periodo di caricamento la schermata del browser sar\u00e0 ancora bianca.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"backend-duration\">Backend duration<\/h4>\n\n\n\n<p>Dopo che la connessione \u00e8 stata stabilita ed \u00e8 stata inoltrata la richiesta al server, il server deve inviare una risposta. Il tempo necessario affinch\u00e9 quest&#8217;azione venga completata \u00e8 indicato come <em>durata del backend<\/em>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"time-to-first-byte\">Time to First Byte<\/h4>\n\n\n\n<p>Il Time to First Byte equivale al tempo complessivo che intercorre dall&#8217;inizio della richiesta al momento in cui viene ricevuto il primo byte in risposta. Ci\u00f2 significa che la sua durata equivale alla somma dei tre valori che abbiamo appena visto: durata dei redirect, durata della connessione e durata del backend.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"first-paint\">First Paint<\/h4>\n\n\n\n<p>Il First Paint misura il tempo necessario affinch\u00e9 la pagina inizi ad essere renderizzata. Pu\u00f2 corrispondere quindi alla comparsa del colore di sfondo o di qualche elemento della grafica. Questa metrica non va confusa con il First Contentful Paint di cui abbiamo parlato prima. L&#8217;FCP, infatti, \u00e8 il tempo necessario affinch\u00e9 un elemento di<strong> contenuto<\/strong> venga visualizzato sullo schermo (ad esempio un testo, un&#8217;immagine o un&#8217;intestazione).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dom-interactive-time\">DOM Interactive Time<\/h4>\n\n\n\n<p>Affinch\u00e9 il browser possa interpretare e renderizzare un documento HTML deve generare un albero DOM, ovvero una struttura interna. Il tempo necessario a crearla viene indicato come DOM Interactive Time.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dom-content-loaded-time\">DOM Content Loaded Time<\/h4>\n\n\n\n<p>Corrisponde al tempo necessario affinch\u00e9 il DOM sia pronto, ovvero sia completamente caricato e non ci siano fogli di stile che devono ancora essere caricati e che bloccano l&#8217;esecuzione di JavaScript.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"onload-time\">Onload Time<\/h4>\n\n\n\n<p>L&#8217;Onload Time segna il punto in cui la pagina \u00e8 stata processata e le risorse sono state scaricate.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"fully-loaded-time\">Fully Loaded Time<\/h4>\n\n\n\n<p>Per misurarlo GTmetrix aspetta finch\u00e9 la pagina non smette di trasferire dati, ovvero che la rete sia inattiva da 2 secondi. Altri strumenti, come ad esempio <a href=\"https:\/\/supporthost.com\/it\/pingdom\/\" data-type=\"post\" data-id=\"22405\">Pingdom<\/a>, riportano solo l&#8217;onload time come metrica.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-struttura\">Scheda Struttura<\/h2>\n\n\n\n<p>Le raccomandazioni su come risolvere i problemi evidenziati sulla pagina sono raccolte nella scheda Struttura.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix-1024x726.png\" alt=\"Scheda Structure Gtmetrix\" class=\"wp-image-20041\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix-1024x726.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix-300x213.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix-768x545.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix-89x63.png 89w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-structure-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questa scheda troviamo le valutazioni ordinate in termini di impatto: alto, medio-alto, medio fino ad arrivare agli audit che vengono riportati solo a scopo informativo. Naturalmente migliorare i risultati contrassegnati come alto avr\u00e0 un maggiore impatto sulle performance rispetto a quelli con impatto pi\u00f9 basso.<\/p>\n\n\n\n<p>La somma di tutte le valutazioni va a formare il <strong>Punteggio Struttura<\/strong> complessivo che vedi in alto dopo ogni analisi.<\/p>\n\n\n\n<p>La scheda Structure quindi \u00e8 utile per prendere atto dei problemi della pagina e ti aiuta anche a risolvere. Cliccando su un singolo problema della lista, infatti, puoi avere ulteriori dettagli e capire come migliorare ogni singolo aspetto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"770\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix-1024x770.png\" alt=\"Dettagli Scheda Structure Gtmetrix\" class=\"wp-image-20042\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix-1024x770.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix-300x226.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix-768x577.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix-84x63.png 84w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-scheda-structure-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-waterfall\">Scheda Waterfall<\/h2>\n\n\n\n<p>La scheda Waterfall di GTmetrix ci mostra un grafico a cascata con tutte le richieste che vengono caricate nella pagina e ci indica anche l&#8217;ordine in cui vengono caricate. Vediamo come interpretare il grafico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-e-organizzato-il-grafico-waterfall\">Come \u00e8 organizzato il grafico Waterfall<\/h3>\n\n\n\n<p>Il grafico ci presenta una lista di risorse e una serie di dettagli. Cliccando su ogni risorsa si accede a schede aggiuntive che cambiano in base al tipo di richiesta e ci mostrano dettagli come il tipo di richiesta HTTP utilizzato (GET o POST) e cos\u00ec via.<\/p>\n\n\n\n<p>La barra in grigio nella parte inferiore del grafico ci indica il numero totale di richieste nella pagina, la dimensione complessiva, il Fully Loaded Time e l&#8217;Onload time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"139\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli-1024x139.png\" alt=\"Waterfall Barra Dettagli\" class=\"wp-image-20043\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli-1024x139.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli-300x41.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli-768x104.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli-120x16.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-barra-dettagli.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per ogni risorsa ci vengono mostrati i seguenti elementi:<\/p>\n\n\n\n<p><strong>URL<\/strong><\/p>\n\n\n\n<p>In questa colonna ci viene mostrato l&#8217;URL della risorsa, in questo modo sappiamo qual \u00e8 la risorsa in questione. Per visualizzare l&#8217;URL completo ci basta spostare il mouse su di esso. Se vogliamo aprire la risorsa in una nuova scheda del browser ci basta cliccare sull&#8217;indirizzo tenendo premuto CTRL.<\/p>\n\n\n\n<p><strong>Status<\/strong><\/p>\n\n\n\n<p>\u00c8 il codice di stato HTTP restituito dal server per quella richiesta. Lo stato sar\u00e0 <strong>200 <\/strong>quando la richiesta \u00e8 stata trasmessa con successo. Un altro esempio di stato \u00e8 301 nel caso in cui l&#8217;URL della risorsa sia stato spostato permanentemente. Fai attenzione ai <a href=\"https:\/\/supporthost.com\/it\/codici-di-stato-http\/\">codici di stato<\/a> che rappresentano errori del client, errori 4xx come l&#8217;<a href=\"https:\/\/supporthost.com\/it\/errore-404\/\" data-type=\"post\" data-id=\"20540\">errore 404<\/a> ed errori del server 5xx come l&#8217;<a href=\"https:\/\/supporthost.com\/it\/errore-500\/\" data-type=\"post\" data-id=\"19465\" target=\"_blank\" rel=\"noreferrer noopener\">errore 500<\/a>.<\/p>\n\n\n\n<p><strong>Domain<\/strong><\/p>\n\n\n\n<p>In questa colonna ci viene indicato il dominio di ogni richiesta, in questo modo possiamo identificare pi\u00f9 facilmente quali risorse vengono caricate da server di terze parti. In questo esempio puoi vedere che i font vengono importati da Google.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google-1024x559.png\" alt=\"Waterfall Domain Font Google\" class=\"wp-image-20044\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google-1024x559.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google-300x164.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google-768x419.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google-115x63.png 115w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-domain-font-google.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Passando con il mouse sopra i singoli domini possiamo vedere l&#8217;indirizzo IP. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"339\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-dominio-ip.png\" alt=\"Waterfall Dominio Ip\" class=\"wp-image-20045\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-dominio-ip.png 583w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-dominio-ip-300x174.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-dominio-ip-108x63.png 108w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/figure>\n\n\n\n<p>Possiamo anche visualizzare gli indirizzi IP in una colonna separata. Per farlo clicchiamo sulla freccia come indicato in questa schermata e spuntiamo la voce <em>Server IP<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"291\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip-1024x291.png\" alt=\"Waterfall Colonne Aggiuntive Server Ip\" class=\"wp-image-20046\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip-1024x291.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip-300x85.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip-768x218.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip-120x34.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-server-ip.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Size<\/strong><\/p>\n\n\n\n<p>In questa sezione ci viene indicata la dimensione di ogni risorsa. Possiamo conoscere le dimensioni compresse e non compresse passando col mouse sui singoli valori.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed-1024x605.png\" alt=\"Waterfall Size Compressed Uncompressed\" class=\"wp-image-20047\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed-1024x605.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed-300x177.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed-768x454.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed-107x63.png 107w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-compressed-uncompressed.png 1043w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nota che nella colonna vedrai la dimensione compressa, se vuoi aggiungere anche la colonna con la dimensione non compressa clicca sulla freccia come indicato qui sotto e spunta <em>Uncompressed size<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"183\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size-1024x183.png\" alt=\"Waterfall Colonne Aggiuntive Uncompressed Size\" class=\"wp-image-20048\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size-1024x183.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size-300x54.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size-768x137.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size-120x21.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-colonne-aggiuntive-uncompressed-size.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Timeline<\/strong><\/p>\n\n\n\n<p>Ci mostra i dettagli sul tempo di caricamento di ogni risorsa e ci indica il tempo totale di caricamento in millisecondi o secondi.<\/p>\n\n\n\n<p>Passando con il mouse sopra le barre colorate della timeline possiamo vedere nel dettaglio le durate delle singole metriche (FCP, LCP, TTI e cos\u00ec via).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"701\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall-1024x701.png\" alt=\"Dettagli Timeline Waterfall\" class=\"wp-image-20049\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall-1024x701.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall-300x206.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall-768x526.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall-92x63.png 92w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dettagli-timeline-waterfall.png 1089w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Queste metriche vengono anche indicate come linee verticali colorate sul grafico della timeline.<\/p>\n\n\n\n<p>Quando posizioni il mouse su un elemento della timeline puoi vedere anche una legenda che ti spiega cosa rappresentano i diversi colori, vediamoli brevemente.<\/p>\n\n\n\n<p><strong>Marrone \u2013 Blocking<\/strong>: equivale al tempo necessario affinch\u00e9 la richiesta venga avviata. Pu\u00f2 dipendere ad esempio dal tempo necessario a eseguire JavaScript.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix-1024x449.png\" alt=\"Blocking Timeline Gtmetrix\" class=\"wp-image-20050\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix-1024x449.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix-768x337.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/blocking-timeline-gtmetrix.png 1179w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Azzurro \u2013 DNS Lookup<\/strong>: rappresenta il tempo necessario affinch\u00e9 si completi la risoluzione DNS, ovvero il tempo che serve a recuperare l&#8217;indirizzo IP associato a un determinato nome di dominio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"375\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix-1024x375.png\" alt=\"Dns Lookup Timeline Gtmetrix\" class=\"wp-image-20051\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix-1024x375.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix-768x281.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/dns-lookup-timeline-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Verde \u2013 Connecting<\/strong>: equivale al tempo necessario a stabilire una connessione TCP. Spesso i tempi necessari per la connessione SSL vengono inclusi anche in questa metrica.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix-1024x455.png\" alt=\"Connecting Timeline Gtmetrix\" class=\"wp-image-20052\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix-1024x455.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix-768x341.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/connecting-timeline-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Rosso \u2013 Sending<\/strong>: \u00e8 il tempo impiegato dal browser per inviare la richiesta al server.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix-1024x431.png\" alt=\"Sending Timeline Gtmetrix\" class=\"wp-image-20053\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix-1024x431.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix-768x323.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/sending-timeline-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Viola \u2013 Waiting<\/strong>: \u00e8 il tempo che impiega il server a generare una risposta.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix-1024x349.png\" alt=\"Waiting Timeline Gtmetrix\" class=\"wp-image-20054\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix-1024x349.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix-300x102.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix-768x262.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waiting-timeline-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Grigio \u2013 Receiving<\/strong>: equivale al tempo impiegato dal browser per scaricare la risposta dal server. Pu\u00f2 aumentare se la richiesta \u00e8 inerente a file di grandi dimensioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"362\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix-1024x362.png\" alt=\"Receiving Timeline Gtmetrix\" class=\"wp-image-20055\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix-1024x362.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix-300x106.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix-768x271.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/receiving-timeline-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"colonne-aggiuntive\">Colonne aggiuntive<\/h4>\n\n\n\n<p>Come abbiamo visto si possono aggiungere anche ulteriori colonne al nostro grafico:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type<\/strong>: indica il tipo di richiesta (immagine, font, CSS, JS, ecc)<\/li>\n\n\n\n<li><strong>Server IP<\/strong>: mostra indirizzo IP del server di ogni richiesta<\/li>\n\n\n\n<li><strong>Connection<\/strong>: indica l&#8217;ID della connessione TCP usata<\/li>\n\n\n\n<li><strong>Uncompressed size<\/strong>: ci mostra la dimensione non compressa delle singole richieste.<\/li>\n<\/ul>\n\n\n\n<p>Cliccando su<em> Reset<\/em> puoi ritornare a visualizzare nel grafico solo le colonne predefinite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall-1024x360.png\" alt=\"Reset Colonne Grafico Waterfall\" class=\"wp-image-20057\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall-1024x360.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall-300x106.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall-768x270.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/reset-colonne-grafico-waterfall.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cambiare-ordinamento-e-filtrare-il-grafico-waterfall\">Cambiare ordinamento e filtrare il grafico Waterfall<\/h3>\n\n\n\n<p>Per impostazione predefinita il grafico Waterfall di GTmetrix viene ordinato in modo da mostrare le risorse in ordine di caricamento.<\/p>\n\n\n\n<p>Per riuscire a individuare pi\u00f9 facilmente le risorse che ci interessano possiamo <strong>cambiare l&#8217;ordine<\/strong> in modo crescente o decrescente di tutte le colonne. Facciamo un esempio pratico con la colonna Size.<\/p>\n\n\n\n<p>Se vogliamo ordinare le risorse per dimensione ci basta cliccare sulla colonna <em>Size<\/em>.<\/p>\n\n\n\n<p>Con un click sulla colonna Size ordiniamo le risorse in ordine crescente in base alla dimensione, da pi\u00f9 piccola alla pi\u00f9 grande.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"720\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-crescente.png\" alt=\"Waterfall Size Ordine Crescente\" class=\"wp-image-20058\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-crescente.png 653w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-crescente-272x300.png 272w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-crescente-57x63.png 57w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" \/><\/figure>\n\n\n\n<p>Un secondo click sulla colonna Size ci permette di avere l&#8217;ordine inverso, dalla pi\u00f9 grande alla pi\u00f9 piccola.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"623\" height=\"727\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-decrescente.png\" alt=\"Waterfall Size Ordine Decrescente\" class=\"wp-image-20059\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-decrescente.png 623w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-decrescente-257x300.png 257w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-size-ordine-decrescente-54x63.png 54w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/figure>\n\n\n\n<p>Possiamo anche <strong>filtrare <\/strong>le risorse mostrate nel grafico. Possiamo filtrare per tipo di richiesta font, immagine, CSS, HTML e cos\u00ec via cliccando sui pulsanti azzurri in alto come vedi in questa schermata. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"214\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo-1024x214.png\" alt=\"Waterfall Filtra Per Tipo\" class=\"wp-image-20060\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo-1024x214.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo-300x63.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo-768x161.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo-120x25.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-tipo.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se selezioniamo pi\u00f9 di un tipo di risorse, ad esempio font e immagini, ci verranno mostrate tutte le risorse che corrispondono a uno dei due tipi.<\/p>\n\n\n\n<p>\u00c8 possibile, inoltre, filtrare le risorse per parole chiave. Per farlo ci basta digitare le parole che ci interessano nella barra di ricerca come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"192\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave-1024x192.png\" alt=\"Waterfall Filtra Per Parola Chiave\" class=\"wp-image-20061\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave-1024x192.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave-300x56.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave-768x144.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave-120x23.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-parola-chiave.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo usare la barra di ricerca per filtrare le risorse per propriet\u00e0, ad esempio codice di stato o dimensione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"177\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta-1024x177.png\" alt=\"Waterfall Filtra Per Proprieta\" class=\"wp-image-20062\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta-1024x177.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta-300x52.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta-768x132.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta-120x21.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/waterfall-filtra-per-proprieta.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per filtrare i risultati in questo modo bisogna utilizzare la sintassi usata negli strumenti per sviluppatori di Firefox. Puoi consultare questa <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Tools\/Network_Monitor\/request_list#filtering_by_properties\" target=\"_blank\" rel=\"noreferrer noopener\">tabella<\/a> per degli esempi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-video\">Scheda Video<\/h2>\n\n\n\n<p>Dalla scheda Video di GTmetrix \u00e8 possibile ripetere lo speed test della pagina abilitando l&#8217;opzione video. In questo modo verr\u00e0 registrato un video che mostra la pagina mentre viene caricata e ti mostra il momento esatto in cui ci sono rallentamenti.<\/p>\n\n\n\n<p>Ti ricordo che puoi anche abilitare l&#8217;opzione video dall&#8217;home page di GTmetrix prima di eseguire un test. Ti basta cliccare su <em>Analysis Options <\/em>e impostare su <em>On <\/em>l&#8217;opzione <em>Create Video<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"330\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix-1024x330.png\" alt=\"Abilitare Opzione Video Gtmetrix\" class=\"wp-image-20063\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix-1024x330.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix-300x97.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix-768x248.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix-120x39.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/abilitare-opzione-video-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver eseguito uno speed test su GTmetrix abilitando l&#8217;opzione video, possiamo fare click sulla scheda video per vedere i risultati. <\/p>\n\n\n\n<p>Nella barra vedrai le metriche principali evidenziate: Time to First Byte, First Contentful Paint, Largest Contentful Paint, Time to Interactive, Onload e Fully loaded e su schermo una legenda che ci indica i colori associati ad esse.<\/p>\n\n\n\n<p>In basso vedrai tre pulsanti come ti mostro qui di seguito:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"765\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix-1024x765.png\" alt=\"Opzioni Video Gtmetrix\" class=\"wp-image-20064\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix-1024x765.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix-300x224.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix-768x573.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix-84x63.png 84w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/opzioni-video-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1 \u2013 attiva la modalit\u00e0 a schermo intero<\/p>\n\n\n\n<p>2 \u2013 attiva o disattiva la legenda<\/p>\n\n\n\n<p>3 \u2013 cambia la velocit\u00e0 di riproduzione del video.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scheda-history\">Scheda History<\/h2>\n\n\n\n<p>Se effettui pi\u00f9 di un test della stessa pagina, GTmetrix generer\u00e0 un grafico nella scheda History per mostrarti il confronto tra i risultati.<\/p>\n\n\n\n<p>Tieni presente che il grafico verr\u00e0 generato anche se stai utilizzando GTmetrix come ospite, ma in questo caso verr\u00e0 eliminato dopo un mese e mostrer\u00e0 al massimo 10 report di GTmetrix.<\/p>\n\n\n\n<p>Creando un account gratuito su GTmetrix potrai visualizzare fino a <strong>200 report<\/strong> nel grafico History. Inoltre potrai anche programmare il monitoraggio della pagina e raccogliere i dati delle performance nel tempo.<\/p>\n\n\n\n<p>Con l&#8217;account GTmetrix Pro vengono mostrati di default 1000 report, ma puoi visualizzarne altri scegliendo l&#8217;intervallo di date da prendere in considerazione.<\/p>\n\n\n\n<p>Nella scheda History troverai tre grafici: page metrics, page sizes and request counts e page scores.<\/p>\n\n\n\n<p><strong>Grafico Page Metrics<\/strong><\/p>\n\n\n\n<p>Questo grafico di GTmetrix ci mette a confronto i diversi report in base alle metriche principali: Time to First Byte, First Contentful Paint, Largest Contentful Paint, Onload Time e cos\u00ec via.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix-1024x483.png\" alt=\"Page Metrics Gtmetrix\" class=\"wp-image-20065\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix-1024x483.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix-300x142.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix-768x362.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-gtmetrix.png 1193w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Grafico Page sizes and request counts<\/strong><\/p>\n\n\n\n<p>Nel grafico vengono messe a confronto la dimensione della pagina e il numero di richieste. Ci permette quindi di vedere a colpo d&#8217;occhio i cambiamenti nei differenti test.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix-1024x452.png\" alt=\"Page Sizes And Request Counts Gtmetrix\" class=\"wp-image-20066\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix-1024x452.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix-768x339.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-sizes-and-request-counts-gtmetrix.png 1177w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Grafico Page scores<\/strong><\/p>\n\n\n\n<p>Il grafico confronta i punteggi dei diversi report mostrandoci il grado GTmetrix, il punteggio Performance e quello della Struttura della pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix-1024x445.png\" alt=\"Page Scores Gtmetrix\" class=\"wp-image-20067\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix-1024x445.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix-300x130.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix-768x333.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-scores-gtmetrix.png 1177w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"interagire-con-i-grafici-history\">Interagire con i grafici History<\/h3>\n\n\n\n<p>Di default vengono mostrate tutte e 9 le metriche per il grafico page metrics, ma possiamo scegliere di visualizzarne solo alcune deselezionando le altre. Con un click sulle singole metriche in basso possiamo disattivarle o attivarle come vedi qui.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche-1024x524.png\" alt=\"Page Metrics Attivare Disattivare Metriche\" class=\"wp-image-20068\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche-1024x524.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche-300x154.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche-768x393.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/page-metrics-attivare-disattivare-metriche.png 1180w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le metriche che abbiamo scelto di mostrare avranno il testo in nero, mentre quelle disattivate saranno in grigio. <\/p>\n\n\n\n<p>Le impostazioni che scegliamo verranno mantenute anche per le visite successive, questo significa che se mostriamo come nel nostro esempio solo FCP, LCP e CLS, la prossima volta che apriremo la scheda History vedremo lo stesso grafico con queste tre metriche.<\/p>\n\n\n\n<p>Selezionando un punto del grafico abbiamo diverse opzioni come vedi in questa schermata:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix-1024x504.png\" alt=\"Singolo Punto Grafico History Gtmetrix\" class=\"wp-image-20069\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix-1024x504.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix-768x378.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/singolo-punto-grafico-history-gtmetrix.png 1196w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>View Report<\/strong> ci permette di accedere al report di quella data.<\/p>\n\n\n\n<p><strong>Compare to <\/strong>ci consente di confrontare quel report ad un altro del grafico, mostrandoci un risultato come quello che vedi qui sotto nel nostro caso:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix-1024x463.png\" alt=\"Confronto Report Gtmetrix\" class=\"wp-image-20070\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix-1024x463.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix-768x347.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/confronto-report-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Delete<\/strong> ci permette di cancellare quel report e non mostrarlo pi\u00f9 nel grafico.<\/p>\n\n\n\n<p>Possiamo restringere il grafico a un determinato periodo (un giorno, una settimana, 1 mese e cos\u00ec via) cliccando sul periodo accanto a Zoom. Oppure scegliere di mostrare solo i risultati di un certo periodo di tempo impostando le date di riferimento nella sezione <em>History data range<\/em> come ti mostro in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"437\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range-1024x437.png\" alt=\"Gtmetrix History Data Range\" class=\"wp-image-20071\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range-1024x437.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range-300x128.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range-768x328.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-history-data-range.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile anche visualizzare nel dettaglio una porzione specifica del grafico, ci basta trascinare il mouse sulla sezione che ci interessa per evidenziarla, come vedi in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix-1024x501.png\" alt=\"Zoom Grafico History Gtmetrix\" class=\"wp-image-20072\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix-1024x501.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix-768x376.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/zoom-grafico-history-gtmetrix.png 1188w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo aggiungere delle note al grafico, clicchiamo su <em>Add note<\/em> e poi facciamo click sul punto del grafico in cui vogliamo inserire il commento. Infine digitiamo il commento e clicchiamo sul pulsante <em>Save<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix-1024x518.png\" alt=\"Inserire Nota Grafico History Gtmetrix\" class=\"wp-image-20073\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix-1024x518.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix-300x152.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix-768x389.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/inserire-nota-grafico-history-gtmetrix.png 1190w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>GTmetrix ci permette anche di scaricare il report storia in formato csv, per farlo ci basta cliccare sul pulsante <em>Download History<\/em> come vedi in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix-1024x475.png\" alt=\"Download History Gtmetrix\" class=\"wp-image-20074\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix-1024x475.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix-768x356.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/download-history-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"impostare-monitoraggio-e-avvisi\">Impostare monitoraggio e avvisi<\/h2>\n\n\n\n<p>Tieni presente che devi aver creato un account per poter attivare il monitoraggio delle pagine e impostare degli avvisi. Con la versione gratuita \u00e8 possibile utilizzare il monitoraggio usando solo Vancouver come localit\u00e0 per i test e si pu\u00f2 monitorare <strong>un solo URL<\/strong> su base giornaliera, settimanale o mensile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"monitorare-una-pagina-con-g-tmetrix\">Monitorare una pagina con GTmetrix<\/h3>\n\n\n\n<p>Dalla dashboard analizziamo un nuovo URL oppure apriamo uno dei report che abbiamo gi\u00e0 creato e poi clicchiamo sul pulsante <em>Monitor<\/em> dalla barra laterale di destra come vedi in questa schermata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"297\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix-1024x297.png\" alt=\"Monitor Gtmetrix\" class=\"wp-image-20075\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix-1024x297.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix-300x87.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix-768x223.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix-120x35.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitor-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto possiamo scegliere la frequenza con cui analizzare la pagina tra le opzioni: giornaliera (daily), settimanale (weekly) e mensile (monthly). Il monitoraggio a cadenza oraria, invece, \u00e8 disponibile solo con i piani PRO (Starter).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"515\" height=\"544\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/frequenza-monitoraggio-pagina-gtmetrix.png\" alt=\"Frequenza Monitoraggio Pagina Gtmetrix\" class=\"wp-image-20076\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/frequenza-monitoraggio-pagina-gtmetrix.png 515w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/frequenza-monitoraggio-pagina-gtmetrix-284x300.png 284w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/frequenza-monitoraggio-pagina-gtmetrix-60x63.png 60w\" sizes=\"auto, (max-width: 515px) 100vw, 515px\" \/><\/figure>\n\n\n\n<p>Scegliamo la frequenza e clicchiamo sul pulsante <em>Save Settings<\/em> per confermare.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"548\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitoraggio-pagina-salva.png\" alt=\"Monitoraggio Pagina Salva\" class=\"wp-image-20077\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitoraggio-pagina-salva.png 526w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitoraggio-pagina-salva-288x300.png 288w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/monitoraggio-pagina-salva-60x63.png 60w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"disattivare-il-monitoraggio\">Disattivare il monitoraggio<\/h4>\n\n\n\n<p>Dalla dashboard di GTmetrix puoi verificare quali URL stai monitorando cliccando sulla scheda <em>Monitored<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix-1024x352.png\" alt=\"Scheda Monitored Dashboard Gtmetrix\" class=\"wp-image-20079\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix-1024x352.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/scheda-monitored-dashboard-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I due simboli accanto all&#8217;ubicazione dei server, che vedi evidenziati in questa schermata, indicano che abbiamo impostato il monitoraggio e gli avvisi.<\/p>\n\n\n\n<p>Per <strong>disattivare <\/strong>il monitoraggio di una pagina ci basta aprire il report e cliccare su<em> Monitor<\/em>. Poi bisogna scegliere dal menu a tendina l&#8217;opzione<em> Not monitored<\/em> e cliccare sul pulsante<em> Save Settings<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"540\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-monitoraggio-pagina-gtmetrix.png\" alt=\"Disattivare Monitoraggio Pagina Gtmetrix\" class=\"wp-image-20078\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-monitoraggio-pagina-gtmetrix.png 501w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-monitoraggio-pagina-gtmetrix-278x300.png 278w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-monitoraggio-pagina-gtmetrix-58x63.png 58w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"impostare-avvisi-con-g-tmetrix\">Impostare avvisi con GTmetrix<\/h3>\n\n\n\n<p>Dopo aver aperto un report clicchiamo sul pulsante <em>Set Up Alerts <\/em>dalla barra laterale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"298\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-1024x298.png\" alt=\"Avvisi Gtmetrix\" class=\"wp-image-20081\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-1024x298.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-300x87.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-768x223.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-120x35.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Assicurati che l&#8217;opzione <em>Enable E-mail Alerts<\/em> sia impostata su On per ricevere un&#8217;email ogni volta che il risultato dello speed test di una pagina che stai monitorando ha superato una soglia definita.<\/p>\n\n\n\n<p>Puoi impostare le condizioni per cui desideri essere avvisato.<\/p>\n\n\n\n<p>Clicca su <em>Add a condition<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"732\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/set-up-alerts-add-a-condition-gtmetrix.png\" alt=\"Set Up Alerts Add A Condition Gtmetrix\" class=\"wp-image-20082\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/set-up-alerts-add-a-condition-gtmetrix.png 506w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/set-up-alerts-add-a-condition-gtmetrix-207x300.png 207w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/set-up-alerts-add-a-condition-gtmetrix-44x63.png 44w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<p>Dal primo menu a tendina seleziona il parametro che vuoi tenere sotto controllo, come GTmetrix grade, Performance score, Fully loaded time e cos\u00ec via.<\/p>\n\n\n\n<p>Il secondo menu ti permette di impostare la condizione (minore di, maggiore di o uguale a). Il terzo parametro pu\u00f2 essere rappresentato da un altro menu a tendina, come nel caso del GTmetrix grade in cui puoi scegliere un valore da A a F.<\/p>\n\n\n\n<p>Se, invece, si tratta di un parametro numerico troverai una casella in cui inserire il valore di riferimento, come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"515\" height=\"767\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-condizioni.png\" alt=\"Avvisi Gtmetrix Condizioni\" class=\"wp-image-20083\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-condizioni.png 515w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-condizioni-201x300.png 201w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/avvisi-gtmetrix-condizioni-42x63.png 42w\" sizes=\"auto, (max-width: 515px) 100vw, 515px\" \/><\/figure>\n\n\n\n<p>Puoi anche impostare pi\u00f9 condizioni (fino a massimo 10), in questo caso al verificarsi di una delle condizioni impostate riceverai un&#8217;email.<\/p>\n\n\n\n<p>Nel nostro caso, quindi, saremo avvisati quando il punteggio Performance scende sotto all&#8217;85% o nel caso in cui il GTmetrix grade sia inferiore a B.<\/p>\n\n\n\n<p>Dopo aver impostato le condizioni clicca su <em>Save Settings <\/em>per confermare.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"disattivare-gli-avvisi\">Disattivare gli avvisi<\/h4>\n\n\n\n<p>Per disattivare gli avvisi apriamo il report, clicchiamo su <em>Set Up Alerts <\/em>e facciamo click sul pulsante accanto a<em> Enable E-mail Alerts<\/em> in modo che sia impostato su Off.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"271\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-avvisi-gtmetrix.png\" alt=\"Disattivare Avvisi Gtmetrix\" class=\"wp-image-20084\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-avvisi-gtmetrix.png 503w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-avvisi-gtmetrix-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/disattivare-avvisi-gtmetrix-117x63.png 117w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"errori-durante-lanalisi-con-g-tmetrix\">Errori durante l&#8217;analisi con GTmetrix<\/h2>\n\n\n\n<p>In alcuni casi lo speed test di una pagina con GTmetrix pu\u00f2 generare errori. Il caso pi\u00f9 comune \u00e8 quello di un codice di stato HTTP di un errore.<\/p>\n\n\n\n<p>Per esempio se l&#8217;indirizzo che hai inserito non \u00e8 stato digitato correttamente puoi imbatterti in un errore 404 come in questo esempio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"143\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404-1024x143.png\" alt=\"Gtmetrix Errore 404\" class=\"wp-image-20085\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404-1024x143.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404-300x42.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404-768x107.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404-120x17.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-404.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In altri casi ci pu\u00f2 essere un problema con il protocollo HTTPS o con la configurazione del <a href=\"https:\/\/supporthost.com\/it\/tutorial\/ssl-gratis\/\" data-type=\"bwl_kb\" data-id=\"22051\">certificato SSL<\/a>. GTmetrix, infatti, analizza solo i siti con un certificato SSL valido.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"137\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https-1024x137.png\" alt=\"Gtmetrix Errore Https\" class=\"wp-image-20086\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https-1024x137.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https-300x40.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https-768x102.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https-120x16.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/gtmetrix-errore-https.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inoltre, se il caricamento della pagina \u00e8 troppo lento e supera il limite dei due minuti per eseguire lo speed test, GTmetrix non riuscir\u00e0 a portare a termine l&#8217;analisi della pagina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"g-tmetrix-piani-e-prezzi\">GTmetrix: piani e prezzi<\/h2>\n\n\n\n<p>Con GTmetrix puoi scegliere tra i diversi piani individuali a disposizione: basic, solo, starter e growth. Tutte le funzioni di cui abbiamo parlato in questa guida sono disponibili gratuitamente con il piano basic. Come vedremo i piani PRO ti permettono di avere vantaggi come maggiori slot per monitorare gli URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix-1024x575.png\" alt=\"Piani Gtmetrix\" class=\"wp-image-20087\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix-1024x575.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix-300x169.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix-768x431.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix-112x63.png 112w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/piani-gtmetrix.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g-tmetrix-piano-basic\">GTmetrix: piano Basic<\/h3>\n\n\n\n<p>Il piano <strong>basic<\/strong> \u00e8 gratuito e non ha scadenza, consente di monitorare al massimo un URL con cadenza giornaliera, settimanale o mensile. Questo piano ci garantisce fino a 50 test a settimana, 10 crediti al giorno per usare le API di GTmetrix e mantiene i dati nei report per <strong>3 mesi<\/strong>. <\/p>\n\n\n\n<p>Come abbiamo visto prima con il piano basic, che puoi ottenere semplicemente registrando un account anzich\u00e9 utilizzando il sito come ospite, \u00e8 possibile cambiare l&#8217;ubicazione dei server da cui eseguire i test. Ci sono 7 localit\u00e0 disponibili con la versione gratuita, che aumentano attivando i piani a pagamento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g-tmetrix-piano-solo\">GTmetrix: piano Solo<\/h3>\n\n\n\n<p>Il piano <strong>Solo <\/strong>pu\u00f2 essere attivato a 12$ al mese o a 10$ al mese se si attiva per un intero anno. Con questo abbonamento gli<strong> slot per monitorare gli URL<\/strong> passano a<strong> <\/strong>3 e i crediti per le API a 25. Si possono effettuare un massimo di 150 test a settimana e i dati nei report vengono memorizzati per sei mesi. Inoltre puoi avere accesso a 15 localit\u00e0 aggiuntive per effettuare lo speed test e puoi analizzare le pagine su dispositivi mobili.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g-tmetrix-piano-starter\">GTmetrix: piano Starter<\/h3>\n\n\n\n<p>Con 24$ al mese o 20$ se attivi l&#8217;abbonamento annuale, puoi attivare il piano <strong>Starter<\/strong> di GTmetrix. Il numero di slot per il monitoraggio degli URL aumenta a 6 e possono essere monitorati anche ogni ora. Inoltre puoi effettuare fino a 175 test a settimana e hai 50 crediti API al giorno. I dati vengono mantenuti anche in questo caso per sei mesi e valgono i vantaggi ottenibili con il piano Solo per quanto riguarda la scelta tra i server di test e i dispositivi mobili.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"g-tmetrix-piano-growth\">GTmetrix: piano Growth<\/h3>\n\n\n\n<p>Il piano <strong>Growth<\/strong> \u00e8 disponibile a 47$ al mese o 40$ al mese se attivi la fatturazione annuale. Questa tipologia di piano ti permette di monitorare fino a 12 URL ogni ora, hai 100 crediti per le API al giorno e hai a disposizione 250 speed test a settimana.<\/p>\n\n\n\n<p>\u00c8 possibile anche richiedere i report in PDF con il logo e la descrizione della propria azienda con un costo aggiuntivo di 510$ all&#8217;anno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Abbiamo visto come GTmetrix pu\u00f2 essere un valido aiuto per migliorare le performance del nostro sito. Capire come interpretare i risultati dei <strong>report <\/strong>dello speed test di GTmetrix ci permette di evidenziare i problemi principali del sito e identificare quali risorse fanno lievitare i tempi di caricamento. <\/p>\n\n\n\n<p>Per avere dei risultati attendibili durante i test ricordati di impostare la localit\u00e0 dei server e di fare pi\u00f9 speed test per paragonare i risultati e per confrontare i tempi di caricamento con velocit\u00e0 di connessione differenti e con dispositivi differenti (con la versione PRO). Non limitarti a testare solo l&#8217;home page del sito, ma effettua anche un&#8217;analisi delle altre pagine pi\u00f9 importanti. <\/p>\n\n\n\n<p>Sei riuscito a migliorare le performance del tuo sito seguendo i suggerimenti di GTmetrix? Quali strumenti utilizzi per verificare le prestazioni del tuo sito? Fammi sapere nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>GTmetrix \u00e8 uno strumento che ci permette di testare la velocit\u00e0 dei siti web. Tra tutti gli strumenti pensati per questo scopo si tratta di uno dei pi\u00f9 conosciuti e utilizzati per la sua semplicit\u00e0 d&#8217;uso e per la quantit\u00e0 di metriche che ci permette di esaminare. In questa guida vedremo le diverse opzioni di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63974,"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-20024","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\/20024","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=20024"}],"version-history":[{"count":8,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/20024\/revisions"}],"predecessor-version":[{"id":132053,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/20024\/revisions\/132053"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63974"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=20024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=20024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=20024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}