TBT (Total Blocking Time), è una metrica che misura il tempo totale in millisecondi impiegato da una pagina Web a rispondere agli input dell’utente effettuati dai clic o dai tasti della tastiera durante il caricamento della pagina. Il tempo di blocco totale (TBT) è una metrica utilizzata per rilevare i problemi che influiscono sul coinvolgimento ottimizzando la velocità di caricamento della pagina. Tuttavia, non è incluso nel set Core Web Vitals, noto come Core Web Data, poiché non può essere misurato sul campo e non riflette un risultato centrato sull’utente.
il brownser Utilizza il thread principale per analizzare HTML, eseguire il rendering del DOM, ed eseguire CSS, JavaScript per elaborare l’input dell’utente. In qualsiasi momento, se si verifica un’attività lunga (qualsiasi di queste attività che richiede più di 50 ms è considerata un’attività lunga), il thread principale verrà bloccato. In questo caso, il browser non può fermarsi, interrompere l’attività; nessuna risposta all’input dell’utente fino al completamento. Quando il browser non può rispondere all’input dell’utente perché sono in esecuzione altre attività, l’utente lo percepisce come un ritardo.
In sintesi, quando si fa clic su un pulsante, la pagina non risponde, viene rilevato un ritardo nella pagina durante il tentativo di compilare un modulo di ricerca e il tempo trascorso dopo 50 ms viene considerato “bloccante”. TBT misura il tempo TOTALE che impedisce all’utente di interagire con la tua pagina.
Quando si ottimizzano le velocità di caricamento della pagina, è importante ridurre il più possibile il TBT per ottenere un’esperienza utente più rapida. Secondo Google, è importante provare a ottenere un valore TBT inferiore a 300 ms.
| Bene | meno di 300 ms |
| Ha bisogno di miglioramento | Tra 300 – 600 ms |
| Debole | maggiore di 600 ms |
Se migliori il tuo valore TBT, migliori anche il tuo valore First Entry Delay (FID), che ora è ufficialmente utilizzato come fattore di ranking. su un sito Web, ad esempio, quando si preme una delle schede nella barra di navigazione, il sito impiega meno di 100 millisecondi per rispondere. Un valore FID elevato è spesso il risultato di un’esecuzione pesante di JavaScript. L’importanza di TBT è che ti consente di migliorare in modo efficace la reattività del tuo sito Web quando lo ottimizzi. Perché se il thread principale è bloccato, la tua pagina non sarà in grado di rispondere all’input dell’utente come tocchi dello schermo, azioni della tastiera o clic del mouse.
Se un visitatore interagisce con la pagina durante un’attività lunga, il visitatore subirà una brutta esperienza poiché il browser non sarà in grado di rispondere prima di aver completato l’attività precedente. Spesso, il caricamento, l’analisi e l’esecuzione di JavaScript non necessari sono le attività principali che potrebbero richiedere molto tempo. Puoi ridurre il tuo punteggio TBT rimuovendo o suddividendo il codice. Inoltre;
- riducendo il numero totale di richieste effettuate dalla pagina,
- utilizzando meno risorse CSS esterne e librerie JavaScript,
- ottimizzare le immagini a una dimensione inferiore prima di caricarle nella pagina,
- per caricare gli script nella parte inferiore della pagina anziché nella parte superiore della pagina,
- Si consiglia di utilizzare una CDN.
Come eseguire il test di velocità di una pagina
Il valore TBT viene misurato con strumenti di laboratorio o strumenti da campo. Otterrai risultati quasi simili con entrambi i gruppi, ma ogni strumento funziona in modo diverso. Esempi di strumenti sul campo in cui i risultati si basano su esperienze utente reali sono PageSpeed Insights, Chrome User Experience Report e Search Console potresti provare anche GTmetrix.