O documento discute vários aspectos que afetam o desempenho de aplicações web, como cache, threads, SQL, rede, front-end e HTTP requests. Ele também fornece dicas sobre como melhorar o desempenho, como usar cache, bundles, sprites, lazy load e otimizar arquivos CSS e JS.

1. Performance
com .NET Core
@rodolfofadino

2. Sócio e Head de Tecnologia na tech.fit
(Cuidaí, Dieta e Saúde, Tecnonutri e Workout)
1.200.000 usuários/mês
Processamento de Dados Fatec-SP
Prof MBA Fiap – Pós Graduação Arquitetura .NET
Microsoft MVP Reconnect
https://rodolfofadino.com.br
Rodolfo Fadino Jr

3. PERFORMANCE

4. Performance importa?
DistinctQueries/User
QueryRefinem
ent
Revenue/User
AnyClicks
Satisfaction
Tim
e
to
Click
(incresase
in
m
s)
50ms - - - - - -
200ms - - - -0,30% -0,40% 500
500ms - -0,60% -1,20% -1,00% -0,90% 1200
1000ms -0,70% -0,90% -2,80% -1,90% -1,60% 1900
2000ms -1,80% -2,10% -4,30% -4,40% -3,80% 3100
https://conferences.oreilly.com/velocity/velocity2009/public/schedule/detail/8523
Eric Schurman (Amazon)
Jake Brutlag (Google)

5. http://kylerush.net/blog/meet-
the-obama-campaigns-250-
million-fundraising-platform/

6. Performance não é algo instantâneo

7. Performance = SOMA de Fatores
Back-End
• Cache
• Thread
• Debug/Release
• SQL
• IO
• Network
• ...
Front-End
• CSS
• JS
• IMG
• Headers
• Minified
• CDN
• Proxy
• Cookies
• ...

8. Vamos fazer um projeto para isso o/

9. Priorizando itens de performance

10. Melhorar a performance é uma
responsabilidade nossa
(desenvolvedor)

11. HTTP Request
http://www.websiteoptimization.com/secrets/metrics/10-21-http-request.png

12. “…only 10-20% of the
total end-user response
time is spent getting the
HTML document to the
browser. You need to
focus on the other 80-
90% if you want to make
your pages noticeably
faster…”
Steve Souders

15. Async

17. “O código mais rápido é aquele que não é
executado” (adaptação)
Memory Cache

18. Cache In Proc
Web server 1 Web server 2 Web server 3 Web server 4
Database
Cache Cache Cache Cache
Load Balancer

19. Cache Distribuído
Web server 1 Web server 2 Web server 3 Web server 4
Database
Load Balancer
Cache 1 Cache 2
Infraestrutura de cache distribuído

20. Client Cache

21. Headers
• Expires serve para definirmos a data em que aquele
recurso irá expirar (ex: Expires: Thu, 21 Dec 2013 16:00:00
GMT).
• Cache-Control serve para definirmos por quanto tempo
(em segundos) aquele recurso irá permanecer válido no
navegador do cliente

22. GET Sem Cache
• Abaixo segue o exemplo de uma requisição sem nenhuma configuração de
cache.
• Notem que na próxima requisição para o mesmo recurso, ele será baixado
novamente:

23. GET Condicional ( * )
• Headers Last-Modified e Etag podem se utilizados pelo servidor
• Na próxima requisição, esses headers são retornados para o servidor, que
analisa e responde se houve alguma mudança

24. GET Cache Configurado
• Cache-control, com o valor do max-age
• Com o Cache-control configurado, dentro do período, o navegador
não executará a requisição.

26. GZIP

27. Bundle & Minification

28. Sprites

29. Sprites

30. Imagens
• jQuery Lazy
• Cache HTTP
• RIOT

31. JS & CSS
CSS
Mais próximo ao começo
Critical Path
JS
Mais próximo ao final
Lazy Load
Assíncrono

32. Page Speed
• https://developers.google.com/speed/pagespeed/

33. Web Page Test
• https://www.webpagetest.org/