Tempo para interação da página

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"

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"

Consulte a página de destino de auditorias de desempenho para saber como aproveitar as oportunidades identificadas no seu relatório do Lighthouse.

Recursos