Il tempo di blocco totale (TBT) è un'importante metrica di lab per misurare l'adattabilità del carico. Misura il tempo totale dopo il First Contentful Paint (FCP) in cui il thread principale è stato bloccato per il tempo necessario a evitare risposte all'input dell'utente. Un TBT basso aiuta a garantire che la pagina sia utilizzabile.
Per impostazione predefinita, Lighthouse interrompe il monitoraggio di TBT dopo Tempo all'interattività (TTI), come fanno altri strumenti di lab che misurano il caricamento delle pagine. Per ulteriori informazioni, consulta la sezione Qual è la relazione tra TBT e TTI?.
Il thread principale è considerato "bloccato" ogni volta che è presente un'attività lunga, ovvero un'attività che viene eseguita sul thread principale per più di 50 millisecondi (ms). Diciamo che il thread principale è "bloccato" perché il browser non può interrompere un'attività in corso. Se un utente cerca di interagire con la pagina nel bel mezzo di una lunga attività, il browser deve attendere il completamento dell'attività prima di poter rispondere.
Se l'attività del thread principale viene bloccata per oltre 50 ms, è probabile che l'utente noterà il ritardo e percepirà la pagina come lenta o interrotta.
Il tempo di blocco di una determinata attività lunga è la sua durata superiore a 50 ms. Il tempo di blocco totale di una pagina è la somma del tempo di blocco per ogni attività lunga che si verifica dopo FCP per il periodo di tempo misurato (in genere TTI per gli strumenti di caricamento pagina o il tempo di traccia totale per altri strumenti).
Ad esempio, considera il seguente diagramma del thread principale del browser durante il caricamento della pagina:
Questa sequenza temporale contiene cinque attività, tre delle quali sono Attività lunghe perché la loro durata supera i 50 ms. Il diagramma successivo mostra il tempo di blocco per ciascuna attività lunga:
Il tempo totale dedicato all'esecuzione delle attività sul thread principale è di 560 ms, di cui 345 ms sono considerati tempo di blocco.
| Durata dell'attività | Tempo di blocco delle attività | |
|---|---|---|
| Attività uno | 250 ms | 200 ms |
| Attività due | 90 ms | 40 ms |
| Attività tre | 35 ms | 0 ms |
| Attività quattro | 30 ms | 0 ms |
| Attività cinque | 155 ms | 105 ms |
| Tempo di blocco totale | 345 ms | |
Qual è la relazione tra TBT e TTI?
La metrica TBT viene misurata in un periodo di tempo. Per alcuni strumenti di lab che in genere misurano i caricamenti delle pagine, tra cui Lighthouse, la metrica TBT è stata misurata fino al TTI, perché questo aiuta a quantificare la gravità della non interattività di una pagina prima che diventi interattiva in modo affidabile. Tuttavia, puoi continuare a misurare TBT oltre TTI, ad esempio in modalità Lighthouse.
TTI considera una pagina "affidabilemente interattiva" se il thread principale è stato privo di attività lunghe per almeno cinque secondi. Ciò significa che tre attività da 51 ms distribuite in 10 secondi possono respingere il TTI quanto una singola attività di 10 secondi.
Tuttavia, questi due scenari sono molto diversi per un utente che tenta di interagire con la pagina. Tre attività da 51 ms hanno un TBT di 3 ms, mentre una singola attività di 10 secondi ha un TBT di 9950 ms, creando un'esperienza utente molto peggiore.
Poiché TBT rappresenta i valori anomali in modo più preciso, spesso è una metrica più utile di TTI, anche quando la misurazione TBT si interrompe a TTI.
Misura TBT
TBT è una metrica che deve essere misurata nel lab. Il modo migliore per misurare TBT è eseguire un controllo delle prestazioni di Lighthouse sul tuo sito. Per i dettagli sull'utilizzo, consulta la documentazione di Lighthouse su TBT.
Strumenti di lab
Qual è un buon punteggio TBT?
Per offrire una buona esperienza utente, i siti devono avere un TBT inferiore a 200 millisecondi quando testati su hardware mobile medio.
Per informazioni dettagliate su come il TBT della tua pagina influisce sul punteggio delle prestazioni di Lighthouse, consulta In che modo Lighthouse determina il punteggio TBT.
Migliora TBT
Per scoprire come migliorare TBT per un sito specifico, esegui un controllo delle prestazioni di Lighthouse e presta attenzione a eventuali opportunità specifiche suggerite dal controllo.
Per scoprire come migliorare TBT in generale (per qualsiasi sito), consulta le seguenti guide alle prestazioni: