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.
Descendo um pouco mais a página, o sistema mostra um quadro geral, mostrando quantos arquivos foram carregados para cada tipo 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.
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.
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:
Morte às Meta Tags! on March 3rd, 2008
Pensamento Geek #1
Todo mundo esta cansado de saber que as metatags, são utilizadas principalmente para prover informação relevante referente a página corrente que esta sendo indexada pelos os buscadores.
Web Standards vs. Projeto em dia on March 7th, 2008
Principalmente nas micro-empresas este é um dilema muito comum e recorrente na cabeça dos pobres desenvolvedores.
Porquê semântica faz diferença: Tag acronym on May 29th, 2008
.
Porquê semântica faz diferença: Tag ins on June 4th, 2008
.
Porquê semântica faz diferença: Tag base on June 2nd, 2008
.
Filed in Otimização | 3 responses so far