Técnicas e recursos paradesenvolvimento Web emcenários de grande escala
Cleber Dantas• Atua há 8 anos no mercado de TI• Especialista em desenvolvimento Web• MCAD e MCTS• Entusiasta Agile• Instru...
Minha Vida
Dieta eSaúde
Agenda da Saúde
90 funcionários – 120 Até ofim doano
25 da área de tecnologia
8milhões de usuários/mês
50 milhões pageviews/mês
15 TB distribuídos/mês (js, css, html, images, vídeos)
Introdução• Cenário de aplicações Web (Internet)comparados com sistemas internos exigemtécnicas ou práticas que normalment...
Agenda• Front-end• Delivery• Real time
Front-End• Steve Sounders – “80% dos problemas deperformance de aplicações Web estão no Front-end”• YSlow – Extensão do Fi...
Front-end - Demosprite, paralelismo de downloadse minify js
Ajax• Otimização do trafego de dados entre servidor ecliente (navegador)• Trafegar a menor quantidade possível de dadosnas...
Ajax -DemojQuery, JSON e jQueryTemplates
Cache• A melhor solução de performance é fazer comque o seu código não seja executado o tempotodo!• Tipos de Cache– Client...
Cache – DemoIIS, helper de atualização dearquivos estáticos
Delivery - CDN• Content Delivery Network– Rede de distribuição de conteúdo– Infraestrutura para ENTREGA do conteúdo• Própr...
Delivery - CDNhttp://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js
Delivery - NGINX• Proxy Reverso• Utilizamos para entrega de imagens (muitoperformático)• http://nginx.org/
Real Time - Web Sockets• Recurso do HTML 5 para aplicações Web RealTime• Conexão direta e bidirecional com o servidorweb• ...
Exemplos: Timeline Twitter
Exemplos: Tempo Real Globo.com
Real Time – Long Pooling - DemoAplicações real time – chat
Links• http://tecnologia.minhavida.com.br• http://br.linkedin.com/company/minha-vida• http://www.cleberdantas.com• http://...
Obrigado. Perguntas?
Próximos SlideShares
Carregando em…5
×

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

289 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
289
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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?

×