{"id":1327,"date":"2022-07-28T18:31:18","date_gmt":"2022-07-28T18:31:18","guid":{"rendered":"https:\/\/www.bhoost.com\/it\/?p=1327"},"modified":"2023-12-07T17:20:30","modified_gmt":"2023-12-07T17:20:30","slug":"tbt-total-blocking-time","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/tbt-total-blocking-time\/","title":{"rendered":"TBT &#8211; Total Blocking Time &#8211; Tempo di blocco totale"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Il tempo di blocco totale (TBT) \u00e8 una delle metriche monitorate nella sezione <\/span><b>Prestazioni<\/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\">Il rapporto Lighthouse mostra TBT in millisecondi:<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 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-6af5c4495919e\" 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-6af5c4495919e\"  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\/tbt-total-blocking-time\/#Cosa_misura_TBT\" >Cosa misura TBT<\/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\/tbt-total-blocking-time\/#In_che_modo_Lighthouse_determina_il_tuo_punteggio_TBT\" >In che modo Lighthouse determina il tuo punteggio TBT<\/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\/tbt-total-blocking-time\/#Come_migliorare_il_tuo_punteggio_TBT\" >Come migliorare il tuo punteggio TBT<\/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\/tbt-total-blocking-time\/#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_TBT\"><\/span><span style=\"font-weight: 400\">Cosa misura TBT <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">TBT misura la quantit\u00e0 totale di tempo in cui una pagina \u00e8 bloccata dal rispondere all&#8217;input dell&#8217;utente, come clic del mouse, tocchi dello schermo o pressioni della tastiera. La somma viene calcolata sommando la <\/span><i><span style=\"font-weight: 400\">parte di blocco<\/span><\/i><span style=\"font-weight: 400\"> di tutte <\/span><span style=\"font-weight: 400\">le attivit\u00e0 lunghe<\/span><span style=\"font-weight: 400\"> tra <\/span><a href=\"https:\/\/web.dev\/first-contentful-paint\/\"><span style=\"font-weight: 400\">First Contentful Paint<\/span><\/a><span style=\"font-weight: 400\"> e <\/span><a href=\"https:\/\/web.dev\/interactive\/\"><span style=\"font-weight: 400\">Time to Interactive<\/span><\/a><span style=\"font-weight: 400\"> . Qualsiasi attivit\u00e0 eseguita per pi\u00f9 di 50 ms \u00e8 un&#8217;attivit\u00e0 lunga. La quantit\u00e0 di tempo dopo 50 ms \u00e8 la parte di blocco. Ad esempio, se Lighthouse rileva un&#8217;attivit\u00e0 di 70 ms, la porzione di blocco sarebbe di 20 ms.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"In_che_modo_Lighthouse_determina_il_tuo_punteggio_TBT\"><\/span><span style=\"font-weight: 400\">In che modo Lighthouse determina il tuo punteggio TBT <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Il tuo punteggio TBT \u00e8 un confronto tra il tempo TBT della tua pagina e il TBT per milioni di siti reali caricati su dispositivi mobili. Consulta <\/span><span style=\"font-weight: 400\">Come vengono determinati i punteggi delle metriche<\/span><span style=\"font-weight: 400\"> per sapere come vengono impostate le soglie del punteggio di Lighthouse.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Questa tabella mostra come interpretare il tuo punteggio TBT:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400\">Tempo TBT<\/span><\/p>\n<p><span style=\"font-weight: 400\">(in millisecondi)<\/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\u2013200<\/span><\/td>\n<td><span style=\"font-weight: 400\">Verde (veloce)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">200-600<\/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 600<\/span><\/td>\n<td><span style=\"font-weight: 400\">Rosso (lento)<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400\">Consulta il post sul <\/span><span style=\"font-weight: 400\">punteggio delle prestazioni di Lighthouse<\/span><span style=\"font-weight: 400\"> per sapere come viene calcolato il punteggio delle prestazioni complessive della tua pagina.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_migliorare_il_tuo_punteggio_TBT\"><\/span><span style=\"font-weight: 400\">Come migliorare il tuo punteggio TBT <\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Vedi <\/span><span style=\"font-weight: 400\">Qual \u00e8 la causa delle mie lunghe attivit\u00e0? <\/span><span style=\"font-weight: 400\">per scoprire come diagnosticare la causa principale di attivit\u00e0 lunghe con il pannello Prestazioni di Chrome DevTools.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In generale, le cause pi\u00f9 comuni di compiti lunghi sono:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Caricamento, analisi o esecuzione JavaScript non necessari. Durante l&#8217;analisi del codice nel pannello Prestazioni, potresti scoprire che il thread principale sta eseguendo un lavoro che non \u00e8 realmente necessario per caricare la pagina. <\/span><span style=\"font-weight: 400\">La riduzione dei payload JavaScript con la suddivisione del codice<\/span><span style=\"font-weight: 400\"> , <\/span><span style=\"font-weight: 400\">la rimozione del codice non utilizzato<\/span><span style=\"font-weight: 400\"> o <\/span><span style=\"font-weight: 400\">il caricamento efficiente di JavaScript di terze parti<\/span><span style=\"font-weight: 400\"> dovrebbe migliorare il tuo punteggio TBT.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Dichiarazioni JavaScript inefficienti. Ad esempio, dopo aver analizzato il codice nel pannello Prestazioni, supponiamo di visualizzare una chiamata <\/span><span style=\"font-weight: 400\">document.querySelectorAll(&#8216;a&#8217;)<\/span><span style=\"font-weight: 400\">che restituisce 2000 nodi. Il refactoring del codice per utilizzare un selettore pi\u00f9 specifico che restituisce solo 10 nodi dovrebbe migliorare il punteggio TBT.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Il caricamento, l&#8217;analisi o l&#8217;esecuzione di JavaScript non necessari \u00e8 solitamente un&#8217;opportunit\u00e0 molto pi\u00f9 grande di miglioramento sulla maggior parte dei siti.<\/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\/lighthouse-total-blocking-time\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">https:\/\/web.dev\/lighthouse-total-blocking-time\/<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il tempo di blocco totale (TBT) \u00e8 una delle metriche monitorate nella sezione Prestazioni del rapporto Lighthouse. Ogni metrica cattura [&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":[60],"class_list":["post-1327","post","type-post","status-publish","format-standard","hentry","category-piattaforme-ecommerce","tag-corewebvitals"],"acf":[],"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":"Il tempo di blocco totale (TBT) \u00e8 una delle metriche monitorate nella sezione Prestazioni del rapporto Lighthouse. Ogni metrica cattura [&hellip;]","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1327","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=1327"}],"version-history":[{"count":4,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1327\/revisions"}],"predecessor-version":[{"id":1607,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/1327\/revisions\/1607"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=1327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=1327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}