Dando prosseguimento à nossa publicação sobre Latência (se não viu, clique aqui), hoje iremos falar do tempo de carregamento.

Apenas retomando rapidamente, latência é o tempo que o servidor demora para responder a uma solicitação do navegador do usuário.

Então, o que seria o tempo de carregamento?

Este é o tempo que o seu navegador leva para mostrar toda a página de internet, não apenas a "primeira requisição", como comentado na publicação anterior.

Neste tempo está envolvido o carregamento de todos os recursos que a página irá utilizar para mostrar conteúdo para você: textos, imagens, programas de interatividade, vídeos, áudios, instruções de layout, etc.

Um website simples possui em média de 45 a 150 requisições para o primeiro carregamento. Como muitos itens ficam em cache, nos próximos carregamentos de página alguns destes recursos não serão baixados novamente.

E aqui a latência novamente entra em jogo. Se para cada requisição de recurso o navegador demorar muito tempo para receber retorno do servidor, as requisições entram em uma fila, e isto faz com que a página demore para carregar, visto que nos sistemas existentes atualmente é possível disparar apenas 2 requisições paralelas por vez ao servidor.

E como o tempo de carregamento afeta meu projeto?

Agora você já não está mais lidando com problemas de acesso, mas sim com outros dois problemas: taxa de rejeição e desistência de navegação.

O fato de uma página demorar para carregar faz com quê o cérebro do usuário entre em modo de espera. E como todos sabemos, hoje em dia ninguém gosta de esperar por nada. Meio segundo pode fazer toda a diferença, e é este pequeno espaço de tempo que o cérebro do usuário tem para decidir se ele ficará ou não no seu website. De acordo com Jacob Nielsen (http://bit.ly/2aNoPem):

• 0,1 Segundo: tempo máximo para que o cérebro do usuário ainda pense que uma ação e resposta feita no computador foi feita diretamente por ele, passando a sensação de "fluxo normal de informação e interatividade".
• 1 Segundo: o cérebro do usuário acabou de entrar em "modo de espera". Ele sabe que o computador está pendurado processando alguma informação, então ele sabe que terá de esperar um pouco mais para conseguir o que deseja. Aqui começa a etapa de frustração.
• 10 Segundos: tempo máximo que o cérebro do usuário consegue manter a atenção na espera para que uma tarefa se complete. Normalmente acontece antes dos 10 segundos, mas aqui o usuário já estará começando a ter outros pensamentos, muito provavelmente já estará pensando em fechar seu website e procurar o do concorrente para ver se é mais rápido.

Com 10 segundos de espera, mesmo que seu usuário continue navegando em seu website, pode ter certeza que ao ter que esperar mais 10 segundos para a próxima página carregar, ele irá desistir.

Os usuários querem estar no controle. No momento que ele clicar em um link, ele quer uma resposta o mais imediata possível.

"Ok, entendido. Vamos criar um projeto com rápida latência e o melhor tempo de carregamento possível. Como eu faço?"

Primeiro: dê ouvidos ao consultor web que está desenvolvendo o seu website. Quando este estiver elaborando um projeto para você, certamente estará se preocupando com todos os aspectos referentes a performance do site. Por este motivo, não pense que ele achará legal quando você insistir em utilizar aquela imagem gigantesca que você acha que ficará muito bonita no layout. Esta decisão, se não for bem estudada, poderá prejudicar seu projeto.

Segundo: toda informação adicional, todo recurso extra, toda "animação" a mais em um projeto, prejudica o desempenho. Em muitos casos, alternativas existem para prejudicar o mínimo possível, mas se for feito sem estudo, qualquer recurso extra irá adicionar tempo de carregamento ao seu projeto. Por isto, analise o objetivo do seu projeto e veja se estes recursos realmente fazem sentido.

Terceiro: além dos recursos do projeto, esteja atento ao local de hospedagem. Se a hospedagem não fornecer recursos de processamento e largura de banda o suficiente para aguentar o seu projeto ou o número de acessos deste, você deve pensar em contratar um data center melhor.

"Ah, mas pelo menos posso utilizar estas 8 fontes diferentes que ficaram bonitas né?"

Não. Não pode.

"Como assim?"

Repetindo: quanto mais recursos você inserir em seu projeto web, maior será o tempo de carregamento. O importante aqui é existir um equilíbrio entre funcionalidade e recursos.

Prestando atenção a estes detalhes mínimos no desenvolvimento do seu projeto, não terá erro. Muitas outras coisas podem afetar o tempo de carregamento, mas os principais detalhes a serem monitorados são estes.

E lembre-se: se precisar de ajuda, faça um contato conosco!

Fonte: http://bit.ly/2aWXreE (Search Engine Jornal)