Otimize o carregamento de seu site
Quando vamos fazer um site, a velocidade de carregamento da página não é a primeira coisa que vem em nossa mente, primeiro pensamos no design e no conteúdo. aprenda a otimizar suas páginas para que elas carreguem mais rápido.
Muitos pensam que só porque existe banda larga você pode sair desenvolvendo as coisas e colocando elas na web sem pensar, carregando os sites de bytes e mais bytes. A verdade é simples; ninguém gosta de sites demorados.
Veja algumas dicas para aumentar a velocidade de suas páginas:
Dica 1: Use CSS Sprites
Se você for usar várias imagens de fundo, combine essas imagens em uma só e depois use CSS Sprites para apenas alterar o posicionamento do background. Isso diminui as requisições HTTP.
Dica 2: Javascript no fim do HTML
Coloque o Javascript (jquery, mootools, prototype e outros) no fim do código.
“Ah mas eu aprendi que tem que colocar dentro da tag <head>” você agora está aprendendo algo novo. Coloque o JS antes de fechar a tag </body>.
Motivo: o javascript não carrega simultâneamente com o css. Então carregue primeiro o seu design e depois o JS.
Dica 3: faça o CSS e o Javascript externo
Coloque o css entre entre as tags <head>
Coloque o Javascript antes do fechamento do body
Se for usar bibliotecas JS como Jquery, Mootools e outros. Faça link de que está hospedado em outro site. Assim os usuários não precisam carregar o script, já vai estar no cache.
O google fornece essa biblioteca externa:
http://code.google.com/intl/pt-BR/apis/ajaxlibs/documentation/index.html
Dica 4: otimize as imagens para web
Use o photoshop para salvar as imagens para web assim você poderá alterar o tamanho e a qualidade da imagem. Ou se você estiver com preguiça, use o YSlow do firefox e na aba tools use a opção smush it. O smush pega as imagens do seu site e usa ferramentas para otimizá-las e te devolve um arquivo .zip com todas as imagens já otimizadas.
Dicas 5: Use o google minify
O google minify combina seus vários arquivos em um único arquivo diminuindo requisições HTTP.
http://code.google.com/p/minify/
Tags: otimização, sites
Escrito 9 de novembro de 2009 as 10:27, na categoria Web Design. Você pode acompanhar as respostas a este tópico por RSS 2.0 feed. Você pode deixar um comentário, ou trackback a partir do seu site.
