Seu site carrega devagar ? Calma!

Igor Escobar on Fev 14th 2008

Hoje vou falar sobre um assunto que geralmente pode estragar o dia de qualquer designer e/ou programador.

Quem nunca chegou no trabalho, profundamente inspirado. fez “aquele” sistema e/ou layout e na hora de mostrar para o chefe ou seu superior, ele diz aquela frase mágica:

- Legal, mas… e quem tem conexão discada, não vai demorar muito para carregar não?

E agora? você sabe o que responder?

Muitos programadores costumam usar temporizadores ou utilizar recursos do próprio java script para poder implementar uma rotina para calcular o tempo que foi usado para carregar a pagina, porém, não é confiável. Este recurso consegue-se ter uma idéia do tempo, mais não o tempo real da visão do cliente final.

O browser por pradrão divide o carregamento em partes, assim o browser consegue apresentar o resultado do que esta processando em pequenas partes, enquanto ele vai processando a página vai se moldando e aparecendo elementos na página, assim, o usuário não fica impaciente.

Um exemplo nítido do que eu estou dizendo, são os temporizadores convencionais, eles não somam o tempo gasto para “renderizar” seu site, somando com o tempo que gasto para carregar aquela sua super animação em flash que você mostrou para seu chéfe na semana passada.

Na internet existe um serviço gratuito chamado Web Page Analyzer .

Se você digitar qualquer site para testar, logo no inicio ele consegue mostrar o tempo de carregamento da sua pagina e mostra o tempo individual gasto por cada tipo de mídia: HTML, Imagens, CSS, Java Script, multimídia e outros.

Tipos de Mídia e seus respectivos tempos de carregamento

Descendo um pouco mais a página, o sistema mostra um quadro geral, mostrando quantos arquivos foram carregados para cada tipo de mídia.

Soma total do carregamento por diferentes tipos de mídia

Agora o sistema faz um resumo de tudo que foi coletado nas etapas anteriores, mostrando o tempo que demorou para carregar o seu site, no geral, incluindo todos os tempos de mídia, em diferentes conexões.

Tempo total de carregamento

Claro! devemos levar em consideração que dependendo de onde o site esta hospedado e os problemas momentâneos na conexão do usuário final pode fazer com que esse site seja carregado mais lento do que o sistema mostra ou mais rápido dependendo do caso. As prospecções são feitas através de cálculos matemáticos levando em conta se o mundo fosse redondo. Agora cabe a você levar este cenário a sua realidade.

Continuando… O melhor é o que mostra neste gráfico abaixo, além do Web Page Analyzer verificar o tempo gasto no carregamento dos seus arquivos individualmente, também faz as avaliações e recomendações para que em caso de más notícias, o cenário possa ser revertido.

Problemas e Soluções

Pronto! agora se o seu chefe te perguntar se vai demorar pra carregar em conexão discada, você já sabe o que responder se tornar desta, uma ferramenta aliada ;)

Espero que tenha contribuído!
[]’s
Webtutoriais:CE1E1970

Leia também:

Porquê semântica faz diferença: Tag address on May 30th, 2008
.

Aumente as chances do seu projeto/site dar certo on August 7th, 2008
O trabalho de concepção e amadurecimento de uma idéia é uma tarefa complicada.

Porquê semântica faz diferença: Tag span on June 9th, 2008
.

Porquê semântica faz diferença! on May 15th, 2008
.

Porquê semântica faz diferença: Tag table on June 17th, 2008
.

Filed in Otimização | 3 responses so far

3 Responses to “Seu site carrega devagar ? Calma!”

  1. Larissa Linda Fev 14th 2008 at 06:15 pm 1

    Orgulhosa de vc, e com saudade :/
    vem pra casa muleke ! rsrs
    parabéns por tudo. Você tem muita coisa boa pra viver ainda.

    te amo
    :D

  2. Marcelo Fev 15th 2008 at 02:04 am 2

    Nossa Igor, muito bom o post mesmo, aposto que vai ajudar muita gente! Parabéns ;D

    um abraço.

  3. » Meta tags: Será que o titulo esta muito grande? | Igor Escobar // Blog | Desenvolvimento, Tecnologia e Informação, na ponta do lápis. Fev 21st 2008 at 07:52 pm 3

    [...] A ferramenta também faz uma análise de tempo que utilizou para carregar o site, porém, neste caso, a ferramenta é fraca e omite muitas informações, sendo assim, para analisar o trafego do seu site, recomendo que dê uma olhada no meu post falando sobre otimização do tempo de carregamento. [...]

Trackback URI | Comments RSS

Leave a Reply