A minha idéia nesse post, é apenas fazer uma listagem de otimizações em sites não óbvias. Ir um pouco além do que vemos por ai, e fazer um apanhado de tudo.

Bem rápido, por isso que vai ser em formato de lista.

Imagens

  • Usar sprites
  • Passar imagens pelo SmushIt
  • Declarar as dimensões das imagens no html
  • Usar imagens em base 64
  • Preferir extesões .jpg e .gif(no lugar de png)
  • Usar patterns pequenos nos repeats
  • Usar backgrounds otimizados com media queries

Evitar Imagens

  • Usar códigos para degradês e bordas redondas

Evitar

  • Evitar requisições inválidas

JavaScript

  • Arquivos js no final da página
  • Carregar js de modo assincrono
  • Cache de variaveis
  • Carregar youtube, twitter e facebook via ajax
  • Carregar modais e tooltips via ajax

CSS

  • Evitar regras css com virgulas nos seletores

Talvez

  • Talvez até simplificar o layout, removendo alguma sombra que não cause muita diferença visual, mas estava pesando na implementação
  • Evitar jQuery e plugins de terceiros

Ferramentas

  • Usar ySlow
  • Usar PageSpeed
  • Merge e minify de css, js e html
  • Validar w3c html, css
  • Validar link checker

Servidor

  • Usar mod_deflate e mod_expires