Otimizando o Front End com tempo para interagir (TTI)

TTI tempo para interagir
Tempo para interagir importa

Sites lentos são irritantes.

Apesar das alegações de que sites lentos são um grande desvio para os visitantes do site, o problema está crescendo. O que vem a seguir… o retorno da fonte Comic Sans MS de cor neon? O que é isso em 1998? Sério… o tempo ideal de carga do site é de três segundos (ou menos), no entanto, o tempo médio de carga dos 100 principais sites de varejo é de 7,72 segundos, uma desaceleração terrível de 13,7% desde a Primavera de 2012, de acordo com um estudo da Radware.

No entanto, há um ponto positivo, já que alguns sites pegaram uma métrica chave emergente para a usabilidade de um site e a experiência do usuário que ele oferece: Time to Interact (TTI). O Dotcom-Monitor analisou a velocidade do site TTI em um post anterior no blog onde discutimos alguns de seus benefícios. No entanto, vamos agora dar uma olhada em como os sites estão realmente usando TTI para fornecer uma melhor experiência do usuário para seus visitantes de site.

Tempo para interagir e carregar página não são iguais

Em primeiro lugar, toda a coisa TTI não é completamente direta. Para ver, o estudo radware mostrou uma forte correlação entre páginas que tinham um TTI mais rápido e aqueles que tinham um tempo de carga geral mais rápido. No entanto, com alguns sites não houve correlação entre os tempos de carga da página e TTI. Por exemplo, três sites no top 10 para TTI –Netflix.com, iHerb.com e LivingSocial.com– na verdade tinham tempos de carregamento de página que seriam considerados mais lentos do que a média da indústria, mas seu TTI era muito curto. Isso sugere fortemente que eles já adotaram o TTI como uma métrica e otimizaram seu conteúdo para que seu conteúdo importante e interativo seja carregado primeiro enquanto conteúdo menos importante é adiado. Ah ha! É um forte sinal de que o Time to Interact está se tornando um padrão para a experiência do usuário e análise de desempenho na Web.

Truques do Comércio

Otimizar uma página para TTI é diferente de otimizar uma página para o seu tempo de carga geral. Especificamente, algumas dicas de otimização do TTI incluem:

  • Carregando conteúdo “acima da dobra” primeiro
  • Carregando elementos interativos rapidamente
  • Comprimindo texto e imagens
  • Código de minificação
  • Utilizando keepalives para que o conteúdo em cache não expire
  • Adiando a carga de scripts de terceiros (ferramentas sociais e de análise, por exemplo), bem como quaisquer elementos que não precisam ser interativos antes que a página seja completamente carregada

Otimizar sites para TTI não é difícil, mas é preciso algum trabalho determinando qual conteúdo os visitantes provavelmente considerarão importante. Para a maioria dos sites, isso não é um problema; para um site de comércio eletrônico, o conteúdo importante é muitas vezes bastante óbvio, como o produto em destaque do dia. Em um blog, é provável que o artigo em destaque ou mais novo. Se você rastrear seus visitantes, não é difícil determinar onde a maioria deles passa seus primeiros segundos em seu site. Usar o princípio da TTI para organizar e otimizar o conteúdo para os primeiros segundos da experiência de um usuário é provavelmente a diferença entre uma compra e um usuário irritado e oportunidade perdida.

O que acha da TTI? É uma métrica de desempenho da Web válida para medir a experiência do usuário? Deixe-nos saber nos comentários abaixo…

 

{ crédito da foto: Adam Foster | Codeforcc }

Latest Web Performance Articles​

Start Dotcom-Monitor for free today​

No Credit Card Required