{"id":1318,"date":"2022-07-28T18:24:37","date_gmt":"2022-07-28T18:24:37","guid":{"rendered":"https:\/\/www.bhoost.com\/it\/?p=1318"},"modified":"2023-12-07T17:21:07","modified_gmt":"2023-12-07T17:21:07","slug":"tti-time-to-interactive","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/","title":{"rendered":"TTI &#8211; Time to Interactive &#8211; Tempo per l\u2019interazione"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Time to Interactive (TTI) \u00e8 una delle sei metriche monitorate nella sezione <\/span><b>Performance<\/b><span style=\"font-weight: 400;\"> del rapporto Lighthouse. Ogni metrica cattura alcuni aspetti della velocit\u00e0 di caricamento della pagina.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La misurazione del TTI \u00e8 importante perch\u00e9 alcuni siti ottimizzano la visibilit\u00e0 dei contenuti a scapito dell&#8217;interattivit\u00e0. Questo pu\u00f2 creare un&#8217;esperienza utente frustrante: il sito sembra essere pronto, ma quando l&#8217;utente tenta di interagire con esso, non succede nulla.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Il faro mostra il TTI in pochi secondi:<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69fc0c2d613ce\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69fc0c2d613ce\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/#Cosa_misura_TTI\" >Cosa misura TTI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/#In_che_modo_Lighthouse_determina_il_tuo_punteggio_TTI\" >In che modo Lighthouse determina il tuo punteggio TTI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/#Come_migliorare_il_tuo_punteggio_TTI\" >Come migliorare il tuo punteggio TTI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/#Tracciamento_di_TTI_sui_dispositivi_di_utenti_reali\" >Tracciamento di TTI sui dispositivi di utenti reali<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tti-time-to-interactive\/#Come_migliorare_il_tuo_punteggio_di_Performance_complessivo\" >Come migliorare il tuo punteggio di Performance complessivo<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Cosa_misura_TTI\"><\/span><span style=\"font-weight: 400;\">Cosa misura TTI <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">TTI misura quanto tempo impiega una pagina per diventare <\/span><i><span style=\"font-weight: 400;\">completamente<\/span><\/i><span style=\"font-weight: 400;\"> interattiva. Una pagina \u00e8 considerata completamente interattiva quando:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">La pagina mostra contenuti utili, misurati dal <\/span><a href=\"https:\/\/web.dev\/fcp\/\"><span style=\"font-weight: 400;\">First Contentful Paint<\/span><\/a><span style=\"font-weight: 400;\"> ,<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">I gestori di eventi sono registrati per gli elementi della pagina pi\u00f9 visibili e<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">La pagina risponde alle interazioni dell&#8217;utente entro 50 millisecondi.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Sia <\/span><a href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/fci-first-cpu-idle\/\"><span style=\"font-weight: 400;\">la prima CPU inattiva<\/span><\/a><span style=\"font-weight: 400;\"> che il TTI misurano quando la pagina \u00e8 pronta per l&#8217;input dell&#8217;utente. First CPU Idle si verifica quando l&#8217;utente pu\u00f2 <\/span><i><span style=\"font-weight: 400;\">iniziare<\/span><\/i><span style=\"font-weight: 400;\"> a interagire con la pagina; TTI si verifica quando l&#8217;utente \u00e8 <\/span><i><span style=\"font-weight: 400;\">pienamente<\/span><\/i><span style=\"font-weight: 400;\"> in grado di interagire con la pagina.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"In_che_modo_Lighthouse_determina_il_tuo_punteggio_TTI\"><\/span><span style=\"font-weight: 400;\">In che modo Lighthouse determina il tuo punteggio TTI <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Il punteggio TTI \u00e8 un confronto tra il TTI della tua pagina e il TTI per i siti Web reali, basato sui <\/span><a href=\"https:\/\/httparchive.org\/reports\/loading-speed#ttci\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">dati dell&#8217;Archivio HTTP<\/span><\/a><span style=\"font-weight: 400;\"> . Ad esempio, i siti con prestazioni nel novantanovesimo percentile rendono TTI in circa 2,2 secondi. Se il TTI del tuo sito web \u00e8 di 2,2 secondi, il tuo punteggio TTI \u00e8 99.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Questa tabella mostra come interpretare il tuo punteggio TTI:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\">Metrica TTI<\/span><\/p>\n<p><span style=\"font-weight: 400;\">(in secondi)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Codificazione del colore<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">0\u20133,8<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Verde (veloce)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">3.9\u20137.3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Arancio (moderato)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400;\">Oltre 7.3<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Rosso (lento)<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_migliorare_il_tuo_punteggio_TTI\"><\/span><span style=\"font-weight: 400;\">Come migliorare il tuo punteggio TTI <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Un miglioramento che pu\u00f2 avere un effetto particolarmente importante su TTI \u00e8 il rinvio o la rimozione del lavoro JavaScript non necessario. Cerca opportunit\u00e0 per <\/span><span style=\"font-weight: 400;\">ottimizzare il tuo JavaScript<\/span><span style=\"font-weight: 400;\"> . In particolare, considera <\/span><span style=\"font-weight: 400;\">la possibilit\u00e0 di ridurre i payload JavaScript con la suddivisione del codice<\/span><span style=\"font-weight: 400;\"> e <\/span><span style=\"font-weight: 400;\">l&#8217;applicazione del pattern PRPL<\/span><span style=\"font-weight: 400;\"> . <\/span><span style=\"font-weight: 400;\">L&#8217;ottimizzazione di JavaScript di terze parti<\/span><span style=\"font-weight: 400;\"> produce anche miglioramenti significativi per alcuni siti.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Questi due audit diagnostici offrono ulteriori opportunit\u00e0 per ridurre il lavoro su JavaScript:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Riduci al minimo il lavoro del thread principale<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Riduci il tempo di esecuzione di JavaScript<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tracciamento_di_TTI_sui_dispositivi_di_utenti_reali\"><\/span><span style=\"font-weight: 400;\">Tracciamento di TTI sui dispositivi di utenti reali <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Per informazioni su come misurare quando si verifica effettivamente il TTI sui dispositivi dei tuoi utenti, consulta la pagina <\/span><span style=\"font-weight: 400;\">sulle metriche delle prestazioni incentrate sull&#8217;utente di Google. <\/span><span style=\"font-weight: 400;\">La sezione <\/span><span style=\"font-weight: 400;\">Tracking TTI<\/span><span style=\"font-weight: 400;\"> descrive come accedere in modo programmatico ai dati TTI e inviarli a Google Analytics.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">TTI pu\u00f2 essere difficile da rintracciare in natura. Il monitoraggio del <\/span><a href=\"https:\/\/www.bhoost.com\/it\/corewebvitals\/fid-first-input-delay\/\"><span style=\"font-weight: 400;\">primo ritardo di input<\/span><\/a><span style=\"font-weight: 400;\"> pu\u00f2 essere un buon proxy per TTI.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_migliorare_il_tuo_punteggio_di_Performance_complessivo\"><\/span><span style=\"font-weight: 400;\">Come migliorare il tuo punteggio di Performance complessivo <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">A meno che tu non abbia un motivo specifico per concentrarti su una metrica particolare, di solito \u00e8 meglio concentrarti sul miglioramento del tuo punteggio di Performance complessivo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Utilizza la sezione <\/span><b>Opportunit\u00e0<\/b><span style=\"font-weight: 400;\"> del rapporto Lighthouse per determinare quali miglioramenti avranno pi\u00f9 valore per la tua pagina. Pi\u00f9 significativa \u00e8 l&#8217;opportunit\u00e0, maggiore sar\u00e0 l&#8217;effetto che avr\u00e0 sul tuo punteggio di Performance. Ad esempio, lo screenshot di Lighthouse di seguito mostra che l&#8217; <\/span><span style=\"font-weight: 400;\">eliminazione delle risorse che bloccano il rendering<\/span><span style=\"font-weight: 400;\"> produrr\u00e0 il miglioramento maggiore:<\/span><\/p>\n<p><a href=\"https:\/\/www.bhoost.com\/it\/speed-test\/\">Testa ora la velocit\u00e0<\/a> del tuo sito e ottieni 1 mese di Hosting Bhoost GRATIS.<\/p>\n<p><strong>Fonte \/ Source<\/strong>:<a href=\"https:\/\/web.dev\/interactive\/\" target=\"_blank\" rel=\"noopener\"> https:\/\/web.dev\/interactive\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time to Interactive (TTI) \u00e8 una delle sei metriche monitorate nella sezione Performance del rapporto Lighthouse. Ogni metrica cattura alcuni [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1318","post","type-post","status-publish","format-standard","hentry","category-piattaforme-ecommerce"],"acf":[],"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.bhoost.com\/it\/author\/andreasacca_vd0s1ik8\/"},"uagb_comment_info":0,"uagb_excerpt":"Time to Interactive (TTI) \u00e8 una delle sei metriche monitorate nella sezione Performance del rapporto Lighthouse. Ogni metrica cattura alcuni [&hellip;]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=1318"}],"version-history":[{"count":5,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1318\/revisions"}],"predecessor-version":[{"id":1350,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1318\/revisions\/1350"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=1318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=1318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=1318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}