Tempo total de bloqueio (TBT)

O que é TBT?

A métrica "Tempo total de bloqueio" (TBT, na sigla em inglês) 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 impedir a capacidade de resposta da entrada.

Por padrão, o Lighthouse deixa de monitorar o TBT após o Tempo para interação da página (TTI, na sigla em inglês), assim como algumas outras ferramentas de laboratório que medem o carregamento de página. Consulte Qual a relação do TBT com o 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. Portanto, caso um usuário interaja com a página durante uma tarefa longa, o navegador precisa aguardar a conclusão da tarefa antes de responder.

Se a tarefa for longa o suficiente (acima de 50 ms), é provável que o usuário perceba o atraso e a página como lenta ou instável.

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 ocorre 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:

Uma linha do tempo de tarefas na linha de execução principal

A linha do tempo acima tem cinco tarefas, três das quais 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:

Linha do tempo de tarefas na linha de execução principal mostrando o tempo de bloqueio

Portanto, embora o tempo total gasto na execução de tarefas na linha de execução principal seja de 560 ms, apenas 345 ms desse tempo são considerados tempo 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. Em algumas ferramentas de laboratório que tradicionalmente medem os carregamentos de página, incluindo o Lighthouse, o TBT foi medido até o TTI porque 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, o TBT também pode continuar a ser medido após o carregamento da página e depois 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 por 10 segundos podem adiar a TTI até uma única tarefa de 10 segundos, mas esses dois cenários seriam muito diferentes para um usuário que tenta interagir com a página.

No primeiro caso, três tarefas de 51 ms teriam um TBT de 3 ms, enquanto uma única tarefa de 10 segundos de duração teria um TBT de 9. 950 ms. O valor maior de TBT no segundo caso quantifica a pior experiência.

Este exemplo mostra por que o TBT costuma ser uma métrica melhor do que TTI, já que é menos propenso a outliers. Isso acontece até mesmo quando o TTI é usado como o endpoint para TBT.

Como 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 detalhes de uso.

Ferramentas de laboratório

O que é uma boa pontuação de TBT?

Para oferecer uma boa experiência ao usuário, os sites precisam ter um Tempo total de bloqueio de menos de 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

Como 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 às oportunidades específicas sugeridas pela auditoria.

Para saber como melhorar o TBT em geral (para qualquer site), consulte estes guias de desempenho: