Archive for the 'Otimização' Category

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:

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