Dia 14 de Julho, tive o prazer de palestrar no FontInBH 2012, excelente evento de front-end na capital mineira, sobre otimizações web. Seguem os slides, anotações e links complementares.
Por uma Web mais rápida: técnicas de otimização de sites
Tive a oportunidade de palestrar sobre esse tema que gosto bastante e considero de máxima importância para os desenvolvedores. Os slides da palestra estão no slideshare pra você ver ou baixar.
UPDATE: coloquei também um vídeo com o áudio da palestra e os slides. Um tanto amador mas dá pra acompanhar sem problemas:
A palestra tratou de diversos tópicos de otimização, mas, claro, pelo tempo curto, não focou em detalhes de implementação. Se você gostou e quer se aprofundar no tema, sugiro alguns links:
Sobre estudos de caso e impactos
- Tenho um post com 14 fatos tweetáveis sobre performance web. Lá há links pra muitos estudos de caso de empresas famosas.
- Um link recente do SEOmoz sobre os impactos de performance em SEO.
- Considerações sobre latência e o mito da banda larga.
Pra se aprofundar nas técnicas de otimização
- Tenho um post bem completo no blog da Caelum com 26 práticas de otimizações. Recomendo.
- Os guias de boas práticas do Google e do Yahoo são excelentes.
- Livros nós temos: High Performance Web Sites, 2007, O'Reilly e Even Faster Web Sites, 2009, O'Reilly, do Steve Souders.
- Curso Online de Otimizações Web da Caelum que estou fazendo (lançamento em breve)
Ferramentas pra implementar as técnicas vistas
- Minificação de CSS, JS e HTML: YUI Compressor, Google Closure Compiler, uglifyjs, htmlcompressor.
- Compressão de imagens: Smushit, Kraken.io, JPEGmini, ImageOptim.
- Diagnóstico: PageSpeed, YSlow, WebPageTest.
- Sprites: SpriteMe, ou na mão com ImageMagick
- Conversor de data URI
- Frameworks de carregamento assíncrono de JS: LABjs, HeadJS, ControlJS. Ou (prefiro) o simples async do HTML5.
Outras palestras do evento
Aproveitei que estava lá no evento e fiz umas anotações sobre as outras excelentes palestras, junto com comentários meus:
- Rest Client Side, com Alexandre Gaigalas
- Wordpress aliado do Front End, com Leandro Vieira
- Amazon AWS e CDN no Peixe Urbano, com Alexandre Tabor
- Novo Cinto de Utilidades do Desenvolvedor JavaScript, com Leo Balter
- Desafios do Design Mobile, com Horácio Soares
- CSS Sucks, com Zeno Rocha
- Estilizando folhas de estilo com estilo, com Bernard de Luna
Você estava no evento? Deixe sua opinião sobre a palestra e não esqueça de participar da promoção aqui no blog!