Dicas para melhorar a velocidade de carregamento do seu Site

Um dos fatores mais importantes para manter o usuário no seu site é a velocidade do carregamento das suas páginas. O site pode ser lindo, maravilhoso, ter conteúdo de qualidade, mas se demorar demais para mostrar o conteúdo, muita gente abandona o site, principalmente os novos visitantes.

Um exemplo clássico dessa situação são os sites feitos em Flash, a maioria das pessoas não tem paciência de esperar o famoso “Loading/Carregando/Aguarde” com a porcentagem, não é verdade?

Além disso a velocidade de carregamento é um dos fatores de ranqueamento no Google, inclusive no Webmaster Tools tem um link exclusivo que diz a velocidade do seu site comparado com outros sites e no Google Analytics tem uma área para mostrar a velocidade das suas páginas com outros dados interessantes, como taxa de rejeição, taxa de saída e outros dados interessantes.

Dicas para otimizar o carregamento do seu site

• Evite INCLUDES desnecessários, seja ele em php, Javascripts, jQuery, CSS . Esse é um erro que a maioria dos desenvolvedores cometem, normalmente na página “index” tem todos os includes dos arquivos que é usado no site. Mas não é em todas que você irá usar;
• Siga o máximo, que conseguir, os padrões da W3C;
• Seja gente boa com seu navegador. Coloque a largura e altura das imagens e não se esqueça de fechar a tag ( <img /> );
• Use o cache do navegador. Têm imagens, scripts que não precisam ser carregados novamente toda vez que o usuário acessar o site, usando o cache você deixa uma cópia desses arquivos no navegador do usuário.
• Evite o uso de SCRIPTS .PHP para redimensionar fotos. Prefira sempre gerar thumbnail. Nada de forçar o redimensionamento da foto, além de ficar muito feio, demora demais para carregar;
• Use a tag <table> apenas para tabelas e não para estruturar seu site;
• Cuidado com o exagero. Muita imagem, muito vídeo, muito swf, atrapalham e muito;
• Não seja preguiçoso, tem muita coisa simples que dá pra fazer com CSS e jQuery em vez de fazer com imagem ou flash. Basta você querer e deixar de lado a preguiça;
• Estilo diretamente na tag deixa seu código lento;
• Evite separar em vários arquivos o que pode ter em um só. Compacte o seu CSS em um arquivo, o mesmo para Javascripts e outros;
• Não abuse de redirecionamentos;
• Seu público está em todas as redes sociais? Muito provável que não. Então não coloque aquele exagero de ícones como opção de compartilhamento, use apenas o necessário.
• É desenvolvedor e usa PHP? Clique neste link e veja as melhores práticas para agilizar seu código.

E como dica final é usar o Plugin para Firefox, o Firebug , ele tem uma aba dedicada para testar a velocidade do seu site e mostrar os erros. Caso não queira instalar nenhum plugin, existe uma ótima ferramenta do Google, o PageSpeed Insights, é só colocar o endereço do seu site que ele te mostra a nota do seu site de 0 a 100, além disto te dá dicas para solucionar os seus problemas e deixar a sua página muito mais rápida. Lembre-se nem sempre o mais bonito é o melhor e mais funcional, não deixe de pensar na velocidade de carregamento, pois ela influenciará muito na conversão($$) do site.

Por: Alexandre Montello