Make your own free website on Tripod.com

Garça Selvagem

Home | HTML | JavaScript | CSS | Serviços

HTML Avançado - Pré carregamento

Ir para a página inicial da seção HTML

Pré-carregamento de imagens

Para fazer o pré carregamento de uma imagem usamos um pequeno "truque".
Suponhamos que seu site possua um túnel de entrada e na página seguinte VC precise que uma imagem carregue quase instantâneamente. É possível? É possível SIM !!!
Antes de apresentar o "truque" é necessário VC entender como funciona um Browser. O navegador(browser) tem uma pequena área de memória chamada de CACHE, esta área armazena temporariamente as imagens dos sites que VC visitou recentemente. Daí quando VC acessa outra página, o browser olha primeiro se as imagens requisitadas pelo site estão no CACHE, se estiverem lá ele não precisa efetuar o download e só as pega do seu CACHE (fazendo o carregamento ficar muito + rápido).
VC pode notar isso quando está navegando por um site que tem um layout e imagens iguais em todas as páginas: todas as páginas são carregadas rapidamente.

Bem, então qual é o segredo para pré-carregar as imagens?

O truque é chamado pelos Webmasters de "a imagem de 1 único pixel".
É assim: VC pega a imagem que VC quer que carregue bem rápido na próxima página e a coloca na página atual com os seguintes atributos:
<img src="imagem.gif" width=1 height=1>

Como essa imagem vai ficar redimensionada a apenas 1 pixel, ninguem notará sua presença e na página seguinte, como se fosse mágica, ela aparecerá muuuuuuuito rápido.

Legal, não é mesmo? Espero que tenha entendido.

Coloque o Garça Selvagem nos seus favoritos