e adiar tudo aquilo que nao e necessario para isso.#21 Design performaticoUma area que mereceria um post por si so e como o design da pagina pode afetar a percepcao de velocidade do usuario. O Google Reader antigamente usava um fundo azul claro em sua barra lateral e resolveu experimentar trocar para branco. Quando perguntados, os usuarios, em sua maioria, afirmaram que o novo Site era mais rapido que o anterior (fonte).A Psicologia da Performance envolve muitos topicos de design, UX e usabilidade. Uma layout mais leve, uma arquitetura de informacao mais simples, um call-to-action mais direto influenciam diretamente em como os usuarios percebem a performance.Bonus: mais topicos#22 AutomatizeO segredo para um Site com performance consistente e duravel e automatizar o processo. Faca um script que minifique JS e CSS, automatize a otimizacao das imagens, etc. Qualquer processo repetitivo deve ser automatizado, caso contrario sera logo deixado de lado pela equipe.#23 Use ferramentas de diagnosticoMonitore suas paginas constantemente com ferramentas de diagnostico. Ha diversas disponiveis:Paineis de monitoramento dos proprios navegadores, como Firebug, Chrome Developer Tools, Opera Dragonfly, e IE Dev Toolbar ja nos dao muitas informacoes.Fora isso, as classicas extensoes YSlow e PageSpeed (disponiveis para Chrome e Firefox) apresentam relatorios completos com dicas e problemas de performance.O PageSpeed em particular possui uma versao online muito facil de usar.Outra ferramenta online fantatica e a WebPageTest.org, usada para gerar as estatisticas usadas nessa apresentacao. Ela permite testar do IE6 ao IE10, alem de Chrome e Firefox. Gera screenshots, graficos, grava videos comparativos e prove uma analise com dicas de otimizacao. Alem disso, o framework e aberto e pode ser rodado internamente ou instalado em uma imagem da Amazon EC2.O Google Analytics pode ser configurado para guardar estatisticas da velocidade do site. O interessante e usar essa capacidade para cruzar dados com outras metricas para descobrir os impactos da performance sobre os usuarios da sua aplicacao.O Google Webmasters Tools mostra informacoes sobre a performance do site em comparacao com os outros sites indexados pelo Google.#24 Pre-carregue componentesEm alguns casos, ao visitar uma pagina, voce quase que certamente sabe qual sera a proxima pagina visitada pelo usuario. Pense na home do Google que certamente sera seguida por uma visita a pagina de resultados da busca. Ou ainda em um fluxo de fechamento das compras de uma loja virtual em varios passos.Nessas situacoes, pode ser interessante que a primeira pagina pre-carregue elementos que serao utilizados na pagina seguinte. CSS, JavaScript e imagens podem ser pre-carregados via codigo, antecipando o download de componentes que tem grande chance de serem usados depois. Obviamente, essa pratica so deve ser usada se voce configurou os headers de cache apropriadamente, senao os componentes serao baixados duas vezes.Essa pratica tem um imenso ganho de velocidade ao visitar a segunda pagina. Deve-se, porem, tomar cuidado para que nao se prejudique a performance da primeira. O ideal e fazer esses pre-carregamentos somente quando a pagina inicial terminar de carregar todos os seus componentes, possivelmente depois do onload da mesma.#25 Escreva codigo eficienteEm alguns raros casos o performance pode ser bastante afetada por mas praticas de