O tempo para interação da página (TTI, na sigla em inglês) é uma métrica de laboratório para medir a capacidade de resposta à carga. Ele ajuda a identificar casos em que uma página parece interativa, mas na verdade não é. Um TTI rápido ajuda a garantir que a página seja utilizável.
O que é TTI?
A métrica TTI mede o tempo a partir do início da página carregado até o momento em que os sub-recursos principais já foram carregados e que seja capaz de realizar responder rapidamente à entrada do usuário.
Para calcular o TTI com base em um desempenho trace de uma página da Web, siga estas etapas:
- Comece em First Contentful Paint (FCP).
- Avançar no tempo por uma janela silenciosa de pelo menos cinco segundos, em que silencioso janela é definida como: não longo tarefas e não mais do que duas tarefas solicitações GET de rede.
- Retrocede a última tarefa longa antes da janela silenciosa, parando em FCP se nenhuma tarefa longa for encontrada.
- TTI é o horário de término da última tarefa longa antes da janela silenciosa (ou o mesmo valor que a FCP se nenhuma tarefa longa for encontrada).
O diagrama a seguir deve ajudar a visualizar as etapas acima:
Historicamente, os desenvolvedores otimizaram as páginas para tempos de renderização rápidos, às vezes às custas do TTI.
Técnicas como a renderização pelo servidor (SSR, na sigla em inglês) podem resultar em situações em que uma página parece interativa (ou seja, links e botões são visíveis na tela), mas não é realmente interativa, porque a linha de execução principal está bloqueada ou porque o código JavaScript que controla esses elementos não foi carregado.
Quando os usuários tentam interagir com uma página que parece interativa, mas na verdade não estiver, ele provavelmente responderá de uma destas duas maneiras:
- Na melhor das hipóteses, eles ficarão irritados porque a página demora para responder.
- Na pior das hipóteses, eles presumem que a página está corrompida e provavelmente ir embora. Eles podem até perder a confiança no valor da sua marca.
Para evitar esse problema, faça o possível para minimizar a diferença entre FCP e TTI. Nos casos em que houver uma diferença perceptível, deixe claro, por meio de indicadores visuais, que os componentes em sua página ainda não estão interativos.
Como medir o TTI
O TTI é uma métrica mais bem medida no laboratório. A melhor maneira de medir o TTI é executar uma Auditoria de desempenho do Lighthouse no seu site. Consulte a documentação do Lighthouse TTI para detalhes de uso.
Ferramentas do laboratório
.O que é uma boa pontuação de TTI?
Para proporcionar uma boa experiência do usuário, os sites devem ter tempo para Interativo de menos de 5 segundos quando testado em um dispositivo móvel médio de hardware.
Para detalhes sobre como o TTI da página afeta sua pontuação de desempenho do Lighthouse, consulte Como o Lighthouse determina seu TTI de qualidade.
Como melhorar a TTI
Para saber como melhorar o TTI de um site específico, execute um Lighthouse uma auditoria de desempenho e preste atenção a qualquer oportunidades sugerida pela auditoria.
Para saber como melhorar o TTI em geral (para qualquer site), consulte as informações a seguir guias de desempenho:
- Minifique o JavaScript
- Pré-conectar às origens necessárias
- Pré-carregar solicitações de chave
- Reduzir o impacto de códigos de terceiros
- Minimize a profundidade crítica da solicitação
- Reduzir o tempo de execução do JavaScript
- Minimize o trabalho da linha de execução principal
- Reduzir o número de solicitações e reduzir o tamanho das transferências