Acelere um website: Reduza os pedidos Http

Escrito por Gonçalo Martins

Quando um utilizador se encontra a abrir o seu website, cada objecto na página (imagens, scripts, etc...) requerem uma ligação ao servidor. Isto é um pedido HTTP. Estes pedidos HTTP vão atrasar o tempo de resposta do seu website, e se estiver a realizar o load de dezenas de objectos, isto pode atrasar o load do seu website em alguns segundos.

O primeiro passo para reduzir os pedidos HTTP é reduzir o numero de objectos no seu website. Livre-se de imagens desnecessárias, headers ou até mesmo css. Se possível pode até mesmo combinar as imagens em uma só, utilizando CSS Sprites.

Em segundo lugar certifique-se de que os seus scripts externos se encontram combinados numa única localização. Por exemplo, em vez de utilizar três ficheiros CSS para criar o layout de uma página:

html
<link rel="stylesheet" href="/body.css" type="text/css" />
<link rel="stylesheet" href="/lado.css" type="text/css" />
<link rel="stylesheet" href="/footer.css" type="text/css" />

Utilize um único ficheiro que contenha o código dos três anteriores:

html
<link rel="stylesheet" href="/style.css" type="text/css" />

Isto fará com que reduza o numero de pedidos HTTP de 3 para 1.

O mesmo se aplica para Javascript.

10 - Pré-Loading, o que é, como utilizar?;
11 - Atrase o load de ficheiros (Pós-Loading);
12 - PHP Flush, como e porque?;
13 - Use links da maneira correcta;
14 - ETags, quando podem ou não ser uteis!;
15 - Publicidade, uma forma de matar a performance! Soluções?;
16 - Javascript o porque do Google APIS / YUI;
17 - Google Analytics - Aumente o desempenho;
18 - Exemplo prático de implementação;
Subscreva o Feed RSS! Não perca nenhum artigo!

Outros artigos desta série:
0 - Ferramentas para medição de desempenho;
1 - Utilize correctamente imagens no seu website;
2 - O poder da compressão;
3 - Optimize o seu Javascript;
4 - O poder das CDN (Content delivery Network);;
5 - Http Requests (Pedidos Http);
6 - Junte os seus ficheiros CSS e Javascript;
7 - Descubra o cache/Expires Head;
8 - W3C o que é?;
9 - Load Dinamico / Compreenda o funcionamento dos protocolos web;

Gostou deste Artigo?

Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!

Tags:

css sprites, pedidos HTTP, website, javascript

Categoria:

Se preferir, pode ainda deixar um comentário

Acelere um website: Reduza os pedidos Http

PATROCINADORES

ARTIGOS RELACIONADOS

Patrocinadores do Site

Subscrever Feed

Artigos

Nuvem de Tags