Otimizando seus códigos para um melhor desempenho
- 11/01/2013
- Dicas Gerais, Tutoriais
Voce acha que seu site demora muito tempo para carregar ? Confira algumas dicas para otimizar seus códigos CSS e JS:
Otimização do CSS
Normalmente quando voce escreve algum código em CSS é comum fazermos dessa maneira:
.div {
color: #ffffff;
line-height: 20px;
font-size: 9px;
}
O arquivo fica com muitas quebras de linhas, deixando-o muito pesado consequentemente mais lento no carregamento das páginas, é recomendado que e use o exemplo abaixo:
.div{color:#fff;line-height:20px;font-size:9px;}
Algum sites fazem esse trabalho de otimização, veja alguns:
http://www.csscompressor.com/
http://www.cssdrive.com/index.php/main/csscompressor
http://www.minifycss.com/css-compressor/
Também é importante que você concentre todo seu CSS no menor número de arquivos possivel.
Otimização do JavaScript/jQuery
As regras de quebra de linhas também são válidas para os arquivos JS, mais a melhor dica para os arquivos JS é coloca-los no final da página, muitos desenvolvedores inserem no header da página junto com o CSS, deixando o JS no final do código irá ajudar bastante no carregamento da página pois eles são os arquivos mais pesados.
Em breve mais dicas para otimizações.
Relacionado
Sobre o blog
Este Blog tem o objetivo de divulgar as novidades da WebinHost e compartilhar notícias sobre hosting, servidores, empreendedorismo e todo universo tecnológico.