MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grande escala
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 381 views

 

Statistics

Views

Total Views
381
Views on SlideShare
376
Embed Views
5

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 5

http://lanyrd.com 5

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. Técnicas e recursos paradesenvolvimento Web emcená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 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. Agenda• Front-end• Delivery• Real time
  • 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. Front-end - Demosprite, paralelismo de downloadse minify js
  • 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. Ajax -DemojQuery, JSON e jQueryTemplates
  • 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. Cache – DemoIIS, helper de atualização dearquivos 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 - CDNhttp://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js
  • 21. Delivery - NGINX• Proxy Reverso• Utilizamos para entrega de imagens (muitoperformático)• http://nginx.org/
  • 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. Exemplos: Timeline Twitter
  • 24. Exemplos: Tempo Real Globo.com
  • 25. Real Time – Long Pooling - DemoAplicaçõ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?