O tempo de bloqueio total (TBT, na sigla em inglês) é uma métrica de laboratório importante para medir a capacidade de resposta da carga. Mede o tempo total após a primeira exibição de conteúdo (FCP, na sigla em inglês) em que a linha de execução principal ficou bloqueada por tempo suficiente para evitar respostas à entrada do usuário. Um TBT baixo ajuda a garantir que a página seja usável.
Por padrão, o Lighthouse para de monitorar o TBT após o Time to Interactive (TTI), assim como algumas outras ferramentas do laboratório que medem o carregamento de página. Para mais informações, consulte Como o TBT se relaciona com TTI?.
A linha de execução principal é considerada "bloqueada" sempre que há uma tarefa longa, ou seja, uma tarefa executada na linha de execução principal por mais de 50 milissegundos (ms). Dizemos que a linha de execução principal está "bloqueada" porque o navegador não pode interromper uma tarefa em andamento. Se um usuário tentar interagir com a página durante uma tarefa longa, o navegador precisará aguardar a conclusão da tarefa antes de responder.
Se a tarefa em que a linha de execução principal ficar bloqueada por mais de 50 ms, o usuário provavelmente perceberá o atraso e vai perceber a página como lenta ou corrompida.
O tempo de bloqueio de uma determinada tarefa longa é a duração que excede 50 ms. O tempo de bloqueio total de uma página é a soma do tempo de bloqueio de cada tarefa longa que acontece após a FCP durante o período medido (normalmente TTI para ferramentas de carregamento de página ou o tempo total de rastreamento para outras ferramentas).
Por exemplo, considere o diagrama a seguir da linha de execução principal do navegador durante o carregamento da página:
Essa linha do tempo tem cinco tarefas, três delas são tarefas longas, porque a duração delas excede 50 ms. O próximo diagrama mostra o tempo de bloqueio de cada uma das tarefas longas:
O tempo total gasto na execução de tarefas na linha de execução principal é de 560 ms, e 345 ms desse tempo é considerado de bloqueio.
| Duração da tarefa | Horário de bloqueio da tarefa | |
|---|---|---|
| Tarefa 1 | 250 ms | 200 ms |
| Segunda tarefa | 90 ms | 40 ms |
| Tarefa 3 | 35 ms | 0 ms |
| Tarefa 4 | 30 ms | 0 ms |
| Tarefa 5 | 155 ms | 105 ms |
| Tempo total de bloqueio | 345 ms | |
Qual a relação do TBT com o TTI?
O TBT é medido ao longo de um período. Para algumas ferramentas de laboratório que tradicionalmente medem os carregamentos de página, incluindo o Lighthouse, o TBT foi medido até o TTI porque isso ajuda a quantificar a gravidade da não interação de uma página antes de ela se tornar interativa de forma confiável. No entanto, é possível continuar medindo o TBT além do TTI, por exemplo, no modo de período do Lighthouse.
O TTI considera uma página "confiávelmente interativa" se a linha de execução principal não tem tarefas longas por pelo menos cinco segundos. Isso significa que três tarefas de 51 ms distribuídas ao longo de 10 segundos podem atrasar a TTI até uma única tarefa de 10 segundos.
No entanto, esses dois cenários são muito diferentes para um usuário que tenta interagir com a página. Três tarefas de 51 ms têm um TBT de 3 ms, enquanto uma única tarefa de 10 segundos tem um TBT de 9.950 ms, criando uma experiência do usuário muito pior.
Como o TBT representa valores atípicos com mais precisão, geralmente é uma métrica mais útil do que TTI, mesmo quando a medição de TBT é interrompida em TTI.
Medir o TBT
TBT é uma métrica que precisa ser medida no laboratório. A melhor maneira de medir o TBT é executando uma auditoria de desempenho do Lighthouse no seu site. Consulte a documentação do Lighthouse sobre TBT para ver detalhes de uso.
Ferramentas de laboratório
O que é uma boa pontuação de TBT?
Para oferecer uma boa experiência do usuário, os sites precisam ter um TBT inferior a 200 milissegundos quando testados em um hardware de dispositivo móvel médio.
Para mais detalhes sobre como o TBT da sua página afeta sua pontuação de desempenho do Lighthouse, consulte Como o Lighthouse determina sua pontuação de TBT.
Melhorar o TBT
Para saber como melhorar o TBT de um site específico, execute uma auditoria de desempenho do Lighthouse e preste atenção a todas as oportunidades específicas que a auditoria sugerir.
Para saber como melhorar o TBT em geral (para qualquer site), consulte estes guias de desempenho: