Time to Interactive (TTI), ou tempo até interatividade, é uma das métricas monitoradas na seção Desempenho do relatório 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. Isto pode criar uma experiência frustrante para o usuário: o site parece estar pronto, mas quando o usuário tenta interagir com ele, nada acontece.
O Lighthouse apresenta a métrica TTI em segundos:
O que mede o TTI
O TTI mede quanto tempo leva para uma página se tornar totalmente interativa. Uma página é considerada totalmente interativa quando:
- A página exibe conteúdo útil, que é medido pela métrica First Contentful Paint,
- Os handlers de eventos estão registrados para a maioria dos elementos visíveis da página e
- A página responde às interações do usuário dentro de 50 milissegundos.
Tanto a First CPU Idle quanto a TTI medem quando a página está pronta para entrada do usuário. A métrica First CPU Idle ocorre quando o usuário pode começar a interagir com a página; A métrica TTI ocorre quando o usuário pode interagir totalmente com a página. Veja o documento do Google First Interactive And Consistently Interactive se tiver interesse no cálculo exato de cada métrica.
Como o Lighthouse determina sua pontuação TTI
Sua pontuação TTI é uma comparação entre o TTI da sua página e os TTI para sites reais, com base nos dados do HTTP Archive. Por exemplo, sites com desempenho situado no nonagésimo nono percentil renderizam o TTI em cerca de 2,2 segundos. Se o TTI do seu site for 2,2 segundos, sua pontuação TTI é 99.
A tabela abaixo mostra como interpretar sua pontuação TTI:
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.
Como melhorar sua pontuação TTI
Uma melhoria que pode ter um efeito particularmente grande na TTI é adiar ou remover o trabalho desnecessário do JavaScript. Procure oportunidades para otimizar seu JavaScript. Em particular, considere reduzir as payloads do JavaScript com divisão de código e aplicação do padrão PRPL. Otimizar o JavaScript de terceiros também produz melhorias significativas para alguns sites.
Essas duas auditorias de diagnóstico fornecem oportunidades adicionais para reduzir o trabalho do JavaScript:
Rastreando a TTI em dispositivos de usuários reais
Para saber como medir quando a TTI ocorre nos dispositivos dos seus usuários, consulte a página Google Métricas de desempenho centradas no usuário. A seção Tracking TTI descreve como acessar programaticamente os dados do TTI e enviá-los ao Google Analytics.
TTI pode ser difícil de rastrear em campo. Rastrear o First Input Delay pode ser um bom proxy para TTI.
How to improve your overall Performance score
Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.
Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
Recursos
Updated on • Improve article