O tempo para interação da página (TTI, na sigla em inglês) é uma das seis métricas acompanhadas na seção Desempenho do relatório do Lighthouse. Cada métrica captura algum aspecto da velocidade de carregamento da página.
Medir o TTI é importante porque alguns sites otimizam a visibilidade do conteúdo em detrimento da interatividade. Isso pode criar uma experiência do usuário frustrante: o site parece estar pronto, mas nada acontece quando o usuário tenta interagir com ele.
O Lighthouse exibe o TTI em segundos:
![Captura de tela da auditoria "Tempo para interação do Lighthouse"](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/a-screenshot-the-lightho-94a30d9e0992a.png?authuser=5&hl=pt-br)
O que o TTI mede
O TTI mede quanto tempo uma página leva para se tornar totalmente interativa. Uma página é considerada totalmente interativa quando:
- A página mostra conteúdo útil, que é medido pela Primeira exibição de conteúdo.
- Os manipuladores de eventos são registrados para os elementos mais visíveis da página.
- A página responde às interações do usuário em até 50 milissegundos.
Como o Lighthouse determina sua pontuação de TTI
A pontuação de TTI é uma comparação entre a TTI e a TTI da sua página para sites reais, com base em dados do HTTP Archive. Por exemplo, sites com desempenho no 99o percentil renderizam o TTI em cerca de 2,2 segundos. Se a TTI do seu site for de 2,2 segundos, sua pontuação de TTI será 99.
Esta tabela mostra como interpretar sua pontuação de TTI:
Métrica TTI (em segundos) |
Codificação por cores |
---|---|
0 a 3,8 | Verde (rápido) |
3,9 – 7,3 | Laranja (moderado) |
Mais de 7,3 | Vermelho (lento) |
Como melhorar sua pontuação de TTI
Uma melhoria que pode ter um efeito particularmente grande na TTI é adiar ou remover trabalhos desnecessários do JavaScript. Procure oportunidades para otimizar seu JavaScript. Especificamente, considere reduzir os payloads de JavaScript com divisão de código e aplicar o padrão PRPL. A otimização do JavaScript de terceiros também gera melhorias significativas para alguns sites.
Estas duas auditorias de diagnóstico oferecem mais oportunidades para reduzir o trabalho do JavaScript:
Acompanhamento de TTI em dispositivos de usuários reais
Para saber como medir quando o TTI realmente ocorre nos dispositivos dos usuários, consulte a página Métricas de desempenho centradas no usuário do Google. A seção Acompanhamento de TTI descreve como acessar programaticamente os dados de TTI e enviá-los ao Google Analytics.
Como melhorar sua pontuação de performance geral
A menos que você tenha um motivo específico para focar em determinada métrica, geralmente é melhor se concentrar em melhorar sua pontuação de desempenho geral.
Use a seção Oportunidades do relatório do Lighthouse para determinar quais melhorias terão mais valor para sua página. Quanto mais significativa for a oportunidade, maior será o efeito dela na sua pontuação de desempenho. Por exemplo, a captura de tela do Lighthouse abaixo mostra que eliminar os recursos de bloqueio de renderização gera a maior melhoria:
![Lighthouse: seção "Oportunidades"](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=5&hl=pt-br)
Consulte a página de destino de auditorias de desempenho para saber como aproveitar as oportunidades identificadas no seu relatório do Lighthouse.