6 Dicas para Optimizar o Seu Website
O tempo de carregamento das páginas dos websites é um dos mais importantes factores que afectam a sua usabilidade. A maior parte dos utilizadores abandonarão um website se a página que estão a aceder demorar mais do que alguns segundos a carregar. Hoje indicamos algumas dicas em como optimizar o seu site de forma a carregar mais rápido.
1) Optimize as imagens: Muitos editores de imagem já têm incluída uma funcionalidade “Save for the Web”. Sempre que publicar imagens no seu website utilize esta funcionalidade para guardar a imagem. Desta forma saberá que a imagem está a ser optimizada para a Internet o que fará com que o seu peso seja mais leve sem perder qualidade de forma significativa. Em alternativa poderá usar editores de imagem online.
2) Formatos de imagem: Além da optimização das imagens é importante também que escolha o correcto formato da imagem. O formato .JPEG ou .JPG é ideal para fotografias. O formato .GIF é usado para imagens com poucas cores, como por exemplo, logotipos, botões, etc. PNG é semelhante ao GIF sendo que suporta mais cores e tem um nível de transparência superior.
3) Optimize a sua folha de estilos (CSS): Hoje em dia muitos sites são desenhados com recurso a folhas de estilo. Optimize este ficheiro (CSS) usando o CleanCSS que elimina e agrega selectores, remove propriedades não utilizadas e espaços em branco no código. O seu ficheiro ficará bem mais leve e mais rápido para carregar.
4) Use uma barra no final dos seus links: Quando um utilizador clica num link do tipo “http://www.website.com/seccao” o servidor terá que “adivinhar” que tipo de página ou ficheiro está contido nesse endereço. Se incluir a barra “/” no final da forma “http://www.website.com/seccao/” o servidor saberá que é uma pasta e desta forma acelera o carregamento da mesma.
5) Utilize sempre altura e comprimento nas imagens: Muitos webdesigners “esquecem-se” de incluir as propriedades “Width” e “Height” quando utilizam imagens. Indicando préviamente as dimensões da imagem o “browser” não terá que a “calcular” antes de a carregar reservando desta forma o espaço na página para receber a imagem acelerando o carregamento dos restantes elementos.
6) Reduza os pedidos HTTP: Quando carrega uma página no seu browser cada objecto, sejam imagens, scripts, ficheiros de css, etc, requer um pedido ao servidor. Quantos mais pedidos houver mais lento será o carregamento da página. Poderá reduzir este número colocando menos imagens, juntando todos os scripts num só ficheiro (JS) e fazendo o mesmo para os estilos (CSS).
Estas são algumas dicas básicas para aumentar a velocidade de carregamento das suas páginas. Para saber mais sobre como aliviar a carga no servidor leia este artigo: “Dicas para diminuir a carga no servidor“.
Alojamento com qualidade HostGator a partir de 4.95$ por mês
Eu sou uma pessoa que se o site demora para entrar eu simplesmente fecho, não tenho muita paciência mesmo não. Muito legal essas dicas, podem realmente fazer a diferença.
Uma ótima ferramenta recente e totalmente brasileira é o Otimizador do Grupo Dicas em Geral -> http://www.dicasemgeral.xpg.com.br/otimizador/
Perfeito para quem mantém um site ou blog na internet e manipula diversas imagens.
Muito simples, de fácil acesso e em poucos segundos já está tudo feito. Vale a pena!
Muito legal essas dicas, pois muitos acredito que a maioria não tem paciência de esperar a pagina carregar se demora muito…Achei muito interessante!!!
Muito Interessante essas dicas porque muitas pessoas como eu por exemplo, nao tem nenhuma paciência de deixar carregar a tela…Muito legal.
Achei muito legal essas dicas, eu não tenho um pingo de paciência pra esperar a tela carregar!!!
Use uma barra no final dos seus links : nao sabia desta.
O problema e que tenho de mudar todos os meus URL para o novo formato.
Obrigado pela dica.
Dicas valiosas!! Me ajudaram muito. Parabéns pelo artigo.