Como perder peso
no browser?
Cases milionários de performance
O projeto
HTML
Evite código inline / incorporado
Estilos no topo, scripts no rodapé
Experimente o async
CSS
Comprima sua folha de estilo
…
Combine vários arquivos css
Prefira <link> a @import
JavaScript
Carregue códigos de terceiros de
forma assíncrona
Guarde o tamanho do array
Evite manipulações desnecessárias
no DOM
Evite manipulações desnecessárias
no DOM
Comprima e combine seus arquivos
javascript
jQuery
Use sempre a última versão do
jQuery
Seletores
Use for invés de each
Não use jQuery sempre
Imagens
Use CSS Sprites
Data URI
Não escale imagens diretamente no
código
Otimize suas imagens
Otimize suas imagens
Bônus
Ferramentas de diagnóstico
Considerações finais

Apresentação -Como perder peso no browser?