Do “disposições Mosaic”: Como e por que evitar de criar Enigma-Olhando Web site

| by Jonathan Tunn and Alexander Grasmik | December 08, 2005
Quando seus visitantes browse um Web page, sua experiência browsing depende de muitas coisas que você sabe já - a velocidade da conexão, a ferragem de computador e o software, fornecedor de Internet são justos alguns. Entretanto, o papel que os jogos bons do projeto da correia fotorreceptora na velocidade browsing sob-estão reconhecidos frequentemente. Os retratos e os gráficos como um dae (dispositivo automático de entrada) da navegação são frequentemente um gancho poderoso do `' para clientes, e podem fàcilmente realçar uma sessão browsing. Quando usados incorretamente, podem criar os bottlenecks que hamper a mensagem que seu local necessita emitir.

Bàsicamente, se você estiver fazendo um mosaic da imagem, você necessita recordar um par de réguas importantes:

Régua 1: Os aumentos do tempo de carga da página junto com o número de elementos da página, mesmo se seu tamanho total remanescer o mesmo.

Régua 2: Entretanto, fundir elementos da página conduzirá a uma espera mais longa até que você visitante v a primeira parcela de seu Web page. Você necessita manter um contrapeso.

Em projetar um Web page, você tem que ajustar prioridades. É seu objetivo uma experiência rápida browsing ou um impacto visual máximo? Seus clientes esperam o suficiente ou irã0 em outra parte?

Os desenhadores da correia fotorreceptora que usam a navegação gráfica têm muitas escolhas - para incluir gráficos e texto, para trabalhar apenas de uma imagem grande com diversos elementos da navegação, ou para carregar muitos pequenos. O último é um método popular hoje, mas pode conduzir aos tempos de acesso lentos. Este slowdown é particularmente visível em conexões do dialup, mas porque os pedidos do usuário estão afetados mais menos pela velocidade do download, se você tem um bottleneck nesta área pode afetar todos seus usuários.

Deixar-nos examinar o processo do pedido do usuário:

Etapa 1: O usuário estala uma ligação, e o browser emite um pedido do HTTP ao usuário;

Etapa 2: O pedido atravessa anfitriões e routers do Internet, e alcança então o usuário;

Etapa 3: O usuário processa o pedido e emite a resposta e dados do HTTP para trás;

Etapa 4: A resposta atravessa o Internet, geralmente em uma rota diferente, e alcança então o browser e o elemento rendidos por seu browser, e indicados em sua tela.

Como pode você calcular o efeito deste processo complexo na experiência do cliente? Há dois fatores principais envolvidos: do “o tempo da latência Internet” e do “o pedido HTTP”.

O tamanho mínimo típico de um pedido do HTTP é 256 bytes. Isto significa que quando os browsers pedem uma imagem de um byte no tamanho, o browser necessita emitir um pedido do HTTP de 256 byte em ambas suas conexões do usuário, e o usuário tem que emitir para trás uma resposta do HTTP do mesmo tamanho, junto com o um byte do índice. Você pode usar a seguinte fórmula quando calcular a contribuição do pedido do HTTP atrasa:

Perda do HTTP Tempo = (4 kilobits) * elementos/largura de faixa nos kilobits por o segundo

Essencialmente isto significa que em um Web site regular, onde o número de elementos da página esteja entre 10 e 30, overheads do HTTP adicionará significativamente a seu tempo de carga. Por exemplo, em uma página com 50 elementos, e em uma velocidade da conexão 56kbps, 3.57 segundos do tempo de carga da página são desperdiçados. Vamos dizer que o tamanho da página é 100KB. Significa que o `esperou que tempo de carga' é 14.28 segundos mas o tempo real é 25% mais grande.

O tempo da latência do Internet envolve como o pacote (pedido) começa ao usuário e à parte traseira (etapas 2 e 4). A quantidade de tempo onde esta viagem faz exame é sabida como do “o tempo sibilo”. O tempo possível o mais curto do sibilo ao outro lado do mundo é 85 milissegundos. Isso é porque 85ms é o tempo onde o sinal elétrico necessita viajar ao outro lado e para trás em uma linha reta através da terra. Naturalmente, o sibilo possível o mais curto através do mundo é 133ms, porque nós não podemos cortar completamente a terra. Na prática em Web site ultramarinos, o sibilo real é frequentemente mais elevado, sobre 300ms que não é incomun. Aos locais locais dentro dos EUA e da Europa, o tempo típico do sibilo pode ser 100ms ou abaixar (fonte: http://www.internettrafficreport.com).

Internet latência tempo perda = elemento * (SIBILO nos milissegundos/1000)/2

Na fórmula acima, “2” são o fator necessário da correção dado que os browsers fazem geralmente mais de uma conexão ao usuário.

É possível incorporar o sibilo atrasa o tempo e o pedido do encabeçamento do HTTP atrasa, descrito acima, em uma fórmula final:

Perda de tempo total = de elementos * (4 kilobits/largura de faixa + SIBILO/2000)

Apesar da penetração crescente de broadband no mundo - de acordo com Nielsen NetRatings, sobre 60% de casas dos E.U. e 85% dos usuários do trabalho dos E.U. são agora broadband equipados - muitos usuários sofrem ainda do tempo de carga lento da página. Isto pode dirigir usuários afastado e não incentiva as visitas do retorno.

Recordar que apenas diminuir o tamanho das imagens menores em seu local não ajuda significativamente se forem já menos de 500 bytes. Tentar diminuir o número das imagens combinando as em um ou mais imagem grande. Você pode usar os mapas de imagem para esta finalidade, que trabalham da posição do rato na imagem, e é uma maneira boa de reduzir nos problemas causados por imagens fragmentadas.

A maneira a mais rápida em agarrar do “o conceito das disposições Mosaic” é que cada dez elementos que você adiciona a seu local - não importa o que seu tamanho - adicionará geralmente um segundo extra a seu tempo de carga.

Article Source: http://www.articleset.com



About the Author

Jonathan Tunn is a staff writer for SoftLogica covering personal technology. He studied Journalism at RMIT University in Melbourne, Australia, and acquired his IT background at a transnational telecommunications company.

Alexander Grasmik is a marketing manager for SoftLogica. He specializes in web development and performance testing with 4 years of experience on board.

Article source: http://www.softwaretalks.com/mosaic-layouts/ » Read more articles by Jonathan Tunn and Alexander Grasmik
You are welcome to publish or reprint this article free of charge, provided: