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

Técnicas e recursos para desenvolvimento Web em cenários de grande escalaWEB309
Alexandre Tarifa
Cleber Dantas

Introdução
Cenário de aplicações Web para 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)

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)

Regra 1: Minimize HTTP Requests
Regra 2: Use CDN´s (Content Delivery Network)
Regra 3: Use “Expires Header“
Regra 4: Utilize Gzip
Regra 5: Mova CSS para o topo
Regra 6: Mova scripts para baixo
Regra 7: Evite expressões em CSS
Regra 8: ‘Inlined’ JavaScript e CSS
Regra 9: Minimize Domínios
Regra 10: Minimize JavaScript
Regra 11: Evite Redirecionamentos
Regra 12: Remova Scritps Duplicados
Regra 13: Desabilite ETags
Regra 14: Cache AJAX
Front-End
Regra 1: Minimize HTTP Requests
Regra 2: Use CDN´s (Content Delivery Network)
Regra 3: Use “Expires Header“
Regra 4: Utilize Gzip
Regra 5: Mova CSS para o topo
Regra 6: Mova scripts para baixo
Regra 7: Evite expressões em CSS
Regra 8: ‘Inlined’ JavaScript e CSS
Regra 9: Minimize Domínios
Regra 10: Minimize JavaScript
Regra 11: Evite Redirecionamentos
Regra 12: Remova Scritps Duplicados
Regra 13: Desabilite ETags
Regra 14: Cache AJAX

demo
Front-end (sprite, paralelismo de downloads e minify js)

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)

demo
AJAX (jQuery, JSON e jQuery Templates)

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)

demo
Cache (outputcache, cache profile, cache partial, memCached, IIS e helper de atualização de arquivosestáticos)

memCached
www.memcached.org
Sistema distribuído de altíssima performance para armazenamento de informações em cache de objetos em MEMÓRIA RAM.
Reduz drasticamente a carga de processamento de servidores de aplicação, banco de dados, etc.
Criado pela Danga (livejournal.com)
Utilizado por facebook (805 servidores), twitter, linkedin, wikipedia, minha vida, etc
Fácil de gerenciar, adicionar novas máquinas e instâncias

Infra - CDN
Content Delivery Network
Rede de distribuição de conteúdo
Infraestrutura para ENTREGA do conteúdo
Própria
Terceirizada (Akamai, Ananke, Azion, 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

CDN - Exemplo
Seu site
http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js

demo
CDN – proxy entrega de conteúdo (proxy reverso – nginx e Windows)

App real time: Timeline Twitter

App real time: Tempo Real Globo

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)

LongPolling
Forma simples de maximizar o uso de uma requisição HTTP
Suporte de todos os browsers (XHR)
Conexão longa e “persistente”

demo
Aplicações real time – chat

Fora da caixa
ASP.NET é compatível com diversos projetos open source
Microsoft mantém o site www.codeplex.com com diversos projetos e disponibiliza o site como repositório público para projetos open source.

Fora da caixa – exemplos
Banco de dados NoSql
http://cassandraemon.codeplex.com/
http://mongodbstudio.codeplex.com/
NodeJS
http://nodejs.org/#download
Lucene .Net

Fora da caixa – NuGet
www.nuget.org
Distribuição de projetos com fácil implementação no seu projeto (Visual Studio)
Biblioteca da própria Microsoft ou pode ser adicionada outras bibliotecas

demo
NodeJS – Windows

IIS 7 e 7.5
Diversos recursos podem ser implementados diretamente pelo IIS facilitando a implementação e o gerenciamento
Os desenvolvedores precisam conhecer

demo
IIS – (gzipe apagandoincêndio)

Dicas rápidas
Modo de pipeline IIS
Clássico
Integrado

Dicas rápidas
Debug = true em produção!!! NUNCA!
A compilação de páginas ASP.NET leva mais tempo (otimizações desativadas neste modo)
Código pode executar de forma mais lenta (caminhos de depuração habilitados)
Muito mais memória é usada dentro do aplicativo em tempo de execução
Scripts e imagens baixadas pelo manipulador WebResources.axd não são armazenados em cache

Dicas rápidas
WebForms
Só deixe viewstatehabilitato em locais que realmente você precisa! Por default o valor é “true”. Desde a versão 4.0 é muito mais fácil gerenciar esse controle.
Compactação de Session, caso necessário a partir da versão 4.0 é possível compactar os objetos em sessão e caso não utilize desligue.

Dicas rápidas
Bibliotecas prontas
Cuidado com controles e plugins prontos Jquery, Ajax control toolkit e afins! Normalmente são pesados e consomem mais recursos do que o necessário!
Ferramentas
Conheça bem as ferramentas de análise como Firebug, Yslow, Fiddler, etc.

Conteúdo Relacionado
Slide Obrigatorio
Palestrantes, Por favor listarconteudosexistentesdentro das paginas dos produtos (www.microsoft.combrasil) e paginas do TechNet e MSDN (technet.microsoft.com/brasil– msdn.microsoft./com/brasil)
Codeplex www.codeplex.com
ASP.NET MVC www.asp.net/mvc
ASP.NET Brasil http://msdn.microsoft.com/pt-br/ff380144
MSDN www.msdn.com.br
Cleber Dantas www.cleberdantas.com
Alexandre Tarifa www.alexandretarifa.com.br

Recursos
Recursos para IT Pros
http://technet.microsoft.com/pt-br
Recursos para Desenvolvedores
http://msdn.microsoft.com/pt-br

Obrigatorio
Nãoesqueça de preenchersuaavaliação online
www.teched.com.br/avaliacao

© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

http://www.cleberdantas.com	656
http://www.cleberdantas.com	656
http://www.alexandretarifa.com.br	269
http://cleberdantas.com	36
http://us-w1.rockmelt.com	4
http://173.248.153.189	1

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

by Alexandre Tarifa on Oct 01, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 1,622

Statistics

Técnicas e recursos para desenvolvimento Web em cenários de grande escala — Presentation Transcript