10 Dicas para o nosso Site Carregar mais Rápido

Como referi no post anterior o tempo que o nosso site demora a carregar pode levar a que o deixem de visitar. Termos o nosso site optimizado para que este carregue mais rapidamente é extremamente importante. Vou referir algumas dicas para tornar os nossos sites mais rápidos, que para quem não tem muitos conhecimentos de desenvolvimento de páginas podem ser difíceis de entender, mas se tiverem alguma duvida não hesitem em pedir ajuda.

1 – Usar o ficheiro de CSS externo, usar estilos no próprio código do html pode tornar o site muito lento porque carrega sempre os estilos todos, se usarmos um ficheiro a parte ele é apenas carrega o ficheiro uma única vez.

2 – Usar imagens comprimidas, usar imagens muitas imagens e imagens grandes demora a que um site carregue. Tente usar extensões que ocupam pouco espaço por exemplo JPEG (.jpg).

3 – No código HTML especifique o tamanho da imagem usada, isto irá reduzir o tempo que demora a carregar porque o browser já sabe quais as características da imagem.

4 – Evite usar tabelas no HTML, as tabelas fazem com que o browser demore mais a carregar uma página, ao invés disso use os layers do CSS.

5 – Use o CSS em vez de imagens para criar os efeitos necessários ao seu site.

6 – Remova os espaços em branco do código HTML, normalmente pensamos que os espaços em branco não fazem diferença nenhuma, mas eles também são um carácter e o browser tem de lê-los.

7 – Se usa ficheiros JavaScript, use ficheiros externos tal como os ficheiros de CSS.

8 – Se tem uma página cujo o seu conteúdo seja muito grande, divida o conteúdo por outras páginas, as páginas irão carregar mais rapidamente e os mecanismos dos motores de busca preferem estas páginas.

9 – Reduza o número de cookies usados numa página, o use em excesso de cookies pode sobrecarregar a página.

10 – Se precisa de mostrar uma imagem muito grande, divida-a em partes.

Definição HTML

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web

Definição CSS

Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML