1. Técnicas e recursos para
desenvolvimento Web em
cenários de grande escala

2. Cleber Dantas
• Atua há 8 anos no mercado de TI
• Especialista em desenvolvimento Web
• MCAD e MCTS
• Entusiasta Agile
• Instrutor– Treinando.Net
(http://www.treinando.net)
• @cleberdantas
• http://www.cleberdantas.com

3. Minha Vida

4. Dieta eSaúde

5. Agenda da Saúde

6. 90 funcionários – 120 Até ofim doano

7. 25 da área de tecnologia

8. 8milhões de usuários/mês

9. 50 milhões pageviews/mês

10. 15 TB distribuídos/mês (js, css, html, images, vídeos)

11. Introdução
• Cenário de aplicações Web (Internet)
comparados com sistemas internos exigem
técnicas ou práticas que normalmente são
ignorados ou desnecessárias
• O ambiente de distribuição é praticamente
infinito (navegadores, tipos de conexão,
dispositivos, localização, etc)

12. Agenda
• Front-end
• Delivery
• Real time

13. Front-End
• Steve Sounders – “80% dos problemas de
performance de aplicações Web estão no Front-
end”
• YSlow – Extensão do Firefox para análise de
performance nas páginas – baseado nas 14
regras do livro High Performance Web Sites
(existem outros templates)

14. Front-end - Demo
sprite, paralelismo de downloads
e minify js

15. Ajax
• Otimização do trafego de dados entre servidor e
cliente (navegador)
• Trafegar a menor quantidade possível de dados
nas requisições
• jQuery e JSON (JavaScript Object Notation) torna
isso muito fácil
• jQuery Templates (templates de HTML pré
carregados nas páginas)

16. Ajax -Demo
jQuery, JSON e jQuery
Templates

17. Cache
• A melhor solução de performance é fazer com
que o seu código não seja executado o tempo
todo!
• Tipos de Cache
– Cliente – Headers de expiração (Expires e Cache-
Control)
– Servidor – OutputCache (ASP.NET) e Cache de
Objetos (ASP.NET ou memCached)

18. Cache – Demo
IIS, helper de atualização de
arquivos estáticos

19. Delivery - CDN
• Content Delivery Network
– Rede de distribuição de conteúdo
– Infraestrutura para ENTREGA do conteúdo
• Própria
• Terceirizada (Akamai, Ananke, UOL, etc)
• Pública (Microsoft, Google, etc)
– Distribuição de bibliotecas públicas (exemplo jQuery)
» http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js

20. Delivery - CDN
http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js

21. Delivery - NGINX
• Proxy Reverso
• Utilizamos para entrega de imagens (muito
performático)
• http://nginx.org/

22. Real Time - Web Sockets
• Recurso do HTML 5 para aplicações Web Real
Time
• Conexão direta e bidirecional com o servidor
web
• Atualização instantânea no cliente (navegadores)

23. Exemplos: Timeline Twitter

24. Exemplos: Tempo Real Globo.com

25. Real Time – Long Pooling - Demo
Aplicações real time – chat

26. Links
• http://tecnologia.minhavida.com.br
• http://br.linkedin.com/company/minha-vida
• http://www.cleberdantas.com
• http://www.treinando.net

27. Obrigado. Perguntas?