MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grande escala
Transferir como PPTX, PDF0 gostou332 visualizações
O documento discute técnicas e recursos para desenvolvimento web em grandes escalas, incluindo: (1) otimizações no front-end como sprites de imagens e minificação de JavaScript; (2) uso de Ajax, jQuery e JSON para melhorar a comunicação entre cliente e servidor; (3) implementação de caches de cliente e servidor para melhorar o desempenho; (4) entrega de conteúdo através de CDNs e NGINX; (5) uso de Web Sockets para aplicações em tempo real.
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grande escala
- 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
- 6. 90 funcionários – 120 Até ofim doano
- 7. 25 da área de tecnologia
- 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
- 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)
- 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