Solicitações HTTP são como os navegadores pedem para visualizar suas páginas. Quando sua página da Web é carregada em um navegador, o navegador envia uma solicitação HTTP para o servidor da web para a página no URL. Em seguida, quando o HTML é entregue, o navegador analisa e procura solicitações adicionais de imagens, scripts, CSS, Flash e assim por diante.
Toda vez que vê uma solicitação para um novo elemento, ele envia outra solicitação HTTP ao servidor. Quanto mais imagens, scripts, CSS, Flash, etc., sua página tiver, mais solicitações serão feitas e mais lentamente suas páginas serão carregadas. A maneira mais fácil de reduzir o número de solicitações HTTP em suas páginas é não usar muitas (ou quaisquer) imagens, scripts, CSS, Flash, etc. Mas as páginas que são apenas texto são chatas.
Como reduzir solicitações de HTTP sem destruir seu design
Felizmente, existem várias maneiras de reduzir o número de solicitações HTTP, mantendo projetos da web de alta qualidade.
- Combine Arquivos - O uso de folhas de estilos e scripts externos é importante para evitar que eles sobrecarreguem seus tempos de carregamento da página, mas não têm mais de um arquivo CSS e um script.
- Use CSS Sprites - Quando você combina a maioria ou todas as suas imagens em um sprite, você transforma várias solicitações de imagens em apenas uma. Então você apenas usa a propriedade CSS background-image para exibir a seção da imagem que você precisa.
- Mapas de imagem - Os mapas de imagem não são tão populares como eram antes, mas quando você tem imagens contíguas, eles podem reduzir várias solicitações de imagens HTTP para apenas um.
Use o cache para melhorar os tempos de carregamento da página interna
Ao usar sprites CSS e CSS e arquivos de script combinados, você também pode melhorar os tempos de carregamento de páginas internas. Por exemplo, se você tiver uma imagem de sprite que contenha elementos de páginas internas, bem como sua página de destino, quando seus leitores forem para essas páginas internas, a imagem já estará baixada e no cache. Então eles não precisam de uma solicitação HTTP para carregar essas imagens em suas páginas internas.
