parte dos Sites. E a palestra aborda diversos topicos de otimizacao.Tecnicas de otimizacao#1 Habilite GZIP#2 Minifique JavaScript#3 Minifique CSS#4 Comprima o HTML#5 Nao redimensione imagens no HTML#6 Otimize as imagens#7 Pense no formato das imagens#8 Diminua cookies e headers#9 Junte arquivos JavaScript#10 Juntar arquivos CSS#11 Use Sprites#12 Use Data URIs#13 Configure os headers#14 Tire firulas do design#15 Especifique o tamanho das imagens#16 Coloque o JavaScript no fim#17 Coloque o CSS no topo#18 e #19 Adie o carregamento do que puder e Abuse do carregamento assincrono#20 Otimize o First-View e o Above the Fold Time#21 Design performatico#22 Automatize#23 Use ferramentas de diagnostico#24 Pre-carregue componentes#25 Escreva codigo eficiente#26 Dispare logo o onloadQuebre as regrasReferenciasDiminua o tamanho dos requestsBoa pratica em qualquer aplicacao distribuida, diminuir o payload, ou seja, o volume de dados trafegados, e um principio basico. E ha diversas formas de se fazer isso.Na analise das paginas dos participantes do evento, a media de tamanho foi de 860kb. Alem disso, 35% dos Sites tem mais de 1MB de tamanho, sendo que o pior caso chegava a ter incriveis 8MB.#1 Habilite GZIPHa muito tempo que falo que habilitar o GZIP no servidor e o primeiro passo. Nao leva mais de 30s para ser feito e e suportado em todos os navegadores e servidores dos ultimos 15 anos. Com ele, todo conteudo textual (HTML, CSS, JS etc) e comprimido antes de ser enviado para o cliente, chegando a cortar mais de 50% do trafego total.Apesar disso, na analise dos Sites, descobri que 43% de todos os requests textuais nao estavam gzipados. Mais: apenas 14% dos Sites tinha gzip em todos os requests.#2 Minifique JavaScriptUm codigo JS bem feito e bem documentado, todo identado e possui nomes de variaveis legiveis. Mas nada disso conta na execucao do script, e trafegar esse monte de bytes e desperdicio. Em poucos minutos, e possivel integrar uma ferramenta de minificacao de JavaScript, como YUI Compressor, Google Closure Compiler ou UglifyJS.Muitos Sites costumam incluir alguns scripts ja minificados como o jQuery (com seu arquivo jquery-min). Apesar disso, dos Sites analisados, apenas 13% minificavam todos os JavaScripts.#3 Minifique CSSMinificar os arquivos CSS e igualmente importante. Para isso, podemos usar o YUI Compressor e ate o LESS compiler.#4 Comprima o HTMLO codigo HTML tambem pode ser comprimido, removendo espacos, comentarios e ate certas aspas e fecha tags desnecessarias. O Google, por exemplo, nao fecha </html> ou </body> em sua home, ja que isso nao prejudica nenhum navegador e economiza mais alguns bytes.O excelente HTML Compressor permite diversas otimizacoes e e bastante configuravel. Comprimir o HTML nao costuma ser simples porque, em geral, tratamos com paginas dinamicas.#5 Nao redimensione imagens no HTMLPrincipio basico das otimizacoes, nunca deixe para diminuir imagens setando o width e o heightno HTML ou CSS. Sempre redimensione o arquivo original e referencie o tamanho direto.#6 Otimize as imagensDentro de um arquivo PNG ou JPG muitos dados sao guardados. Alem das informacoes da imagem em si, ha metadados como EXIF, e as vezes, ate uma miniatura da propria imagem. Nada disso e necessario para renderizar a imagem na tela e podem