Quais são os métodos mais eficazes para reduzir a quantidade de largura de banda que um site precisa para renderizar uma página?
Cache agressivo? Minificando JS / CSS? Gzip? CMS? Sprites?
bandwidth
compression
Mark Henderson
fonte
fonte
Respostas:
Alguns métodos básicos facilmente implementáveis por qualquer site:
deflate
ougzip
se o navegador que fez a solicitação o suportar.Um pouco mais envolvido:
Use sprites que são gerados automaticamente . Um sprite é uma imagem única que contém vários ícones ou outras imagens pequenas; você escolhe qual imagem mostrar com a
background
propriedade CSS . Exemplo .A vantagem é que o cliente faz menos solicitações HTTP (com sobrecarga).
Coloquei o nome em negrito "automaticamente" porque, se você está fazendo essas coisas manualmente, definitivamente não vale a pena, e isso torna a manutenção de código um pesadelo. Geralmente, fazê-lo automaticamente significa escrever um script personalizado, e é por isso que é um pouco "mais envolvido",
fonte
O Google descreveu e explicou suas recomendações para minimizar o tamanho da carga útil . Eles incluem as seguintes técnicas:
Essas sugestões fazem parte do projeto complementar de código aberto Firefox / Firebug chamado Page Speed . Semelhante ao plugin YSlow do Yahoo ! . O complemento Page Speed real verificará muito mais otimizações do que a lista explica em detalhes. Instruções para usar a velocidade da página também são apresentadas.
As práticas recomendadas do Yahoo! Para acelerar o seu site identificam um conjunto semelhante de práticas recomendadas:
(A lista do Yahoo! Tem cerca de 35 itens, não é necessário citá-la na íntegra.)
Tanto o YSlow (link da imagem) quanto o Page Speed (link da imagem) permitem executar testes em suas páginas, sugerindo coisas que você pode fazer e mostrando o que, de suas recomendações, já está implementado.
fonte