MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grande escala

293 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
293
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grande escala

  1. 1. Técnicas e recursos paradesenvolvimento Web emcenários de grande escala
  2. 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. 3. Minha Vida
  4. 4. Dieta eSaúde
  5. 5. Agenda da Saúde
  6. 6. 90 funcionários – 120 Até ofim doano
  7. 7. 25 da área de tecnologia
  8. 8. 8milhões de usuários/mês
  9. 9. 50 milhões pageviews/mês
  10. 10. 15 TB distribuídos/mês (js, css, html, images, vídeos)
  11. 11. Introdução• Cenário de aplicações Web (Internet)comparados com sistemas internos exigemtécnicas ou práticas que normalmente sãoignorados ou desnecessárias• O ambiente de distribuição é praticamenteinfinito (navegadores, tipos de conexão,dispositivos, localização, etc)
  12. 12. Agenda• Front-end• Delivery• Real time
  13. 13. Front-End• Steve Sounders – “80% dos problemas deperformance de aplicações Web estão no Front-end”• YSlow – Extensão do Firefox para análise deperformance nas páginas – baseado nas 14regras do livro High Performance Web Sites(existem outros templates)
  14. 14. Front-end - Demosprite, paralelismo de downloadse minify js
  15. 15. Ajax• Otimização do trafego de dados entre servidor ecliente (navegador)• Trafegar a menor quantidade possível de dadosnas requisições• jQuery e JSON (JavaScript Object Notation) tornaisso muito fácil• jQuery Templates (templates de HTML précarregados nas páginas)
  16. 16. Ajax -DemojQuery, JSON e jQueryTemplates
  17. 17. Cache• A melhor solução de performance é fazer comque o seu código não seja executado o tempotodo!• Tipos de Cache– Cliente – Headers de expiração (Expires e Cache-Control)– Servidor – OutputCache (ASP.NET) e Cache deObjetos (ASP.NET ou memCached)
  18. 18. Cache – DemoIIS, helper de atualização dearquivos estáticos
  19. 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. 20. Delivery - CDNhttp://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js
  21. 21. Delivery - NGINX• Proxy Reverso• Utilizamos para entrega de imagens (muitoperformático)• http://nginx.org/
  22. 22. Real Time - Web Sockets• Recurso do HTML 5 para aplicações Web RealTime• Conexão direta e bidirecional com o servidorweb• Atualização instantânea no cliente (navegadores)
  23. 23. Exemplos: Timeline Twitter
  24. 24. Exemplos: Tempo Real Globo.com
  25. 25. Real Time – Long Pooling - DemoAplicações real time – chat
  26. 26. Links• http://tecnologia.minhavida.com.br• http://br.linkedin.com/company/minha-vida• http://www.cleberdantas.com• http://www.treinando.net
  27. 27. Obrigado. Perguntas?

×