O documento discute estratégias para melhorar o desempenho de aplicações web, incluindo otimizações no back-end, como cache e processamento assíncrono de requisições, e no front-end, como minificação de arquivos CSS e JavaScript, uso de CDN e lazy load de imagens. O objetivo é fazer com que as aplicações sejam mais rápidas e eficientes.

1. Performance
Codificando Night Week 2016

2. Rodolfo Fadino
• Microsoft MVP
• Especialista em desenvolvimento web
• Tecnologia em Processamento de Dados
FATEC-SP
• Portal Minha Vida

4. ! Instantâneo

5. Soma de fatores
Back-End
• Cache
• Thread
• Debug/Release
• SQL
• IO
• Network
• ...
Front-End
• CSS
• JS
• IMG
• Headers
• Minified
• CDN
• Proxy
• Cookies
• ...

6. Vamos fazer um projeto para isso

7. Backlog

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

9. Soma de fatores
Back-End
• Cache
• Thread
• Debug/Release
• SQL
• IO
• Network
• ...
Front-End
• CSS
• JS
• IMG
• Headers
• Minified
• CDN
• Proxy
• Cookies
• ...

10. BACK-END

11. Cache
• “A melhor solução de performance é fazer
com que o seu código não seja executado o
tempo todo!” Tarifa, Alexandre

13. ORM
• Conheça as consultas e como seu ORM está
trabalhando os dados
• Teste e analise quais features são importantes
antes de começar a utilizar um (EF,
Dapper,ADO,etc)

15. Requests e o Thread Pool
Processando Requisições Assíncronas (Garçom restaurante)

16. Task-based Asynchronous
Pattern (TAP)
Task Parallel Library (TPL)
Baseada no conceito de Tasks
Maior eficiência no uso dos recursos computacionais
Melhor controle programático das Threads

17. API

18. API
Cache
JSON
Gzip
OData

19. FRONT-END

20. • “…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)

21. 14 regras
• Rule 1 - Make Fewer HTTP Requests
• Rule 2 - Use a Content Delivery Network
• Rule 3 - Add an Expires Header
• Rule 4 - Gzip Components
• Rule 5 - Put Stylesheets at the Top
• Rule 6 - Put Scripts at the Bottom
• Rule 7 - Avoid CSS Expressions
• Rule 8 - Make JavaScript and CSS External
• Rule 9 - Reduce DNS Lookups
• Rule 10 - Minify JavaScript
• Rule 11 - Avoid Redirects
• Rule 12 - Remove Duplicate Scripts
• Rule 13 - Configure ETags
• Rule 14 - Make AJAX Cacheable

22. Anatomia de uma requisição HTTP
• DNS Lookup
• Initial Connection
– Keep-Alive Header
• Time to First Byte
• Content Download

23. CSS e JS
• Bundling
• Minification
• CSS
– Header
• JS
– Assíncrono
– Mais próximo do final

25. Imagens
• Expires
– Handler
– Imagens fisicas
• Lazy Load
– Dependendo do cenário
• Sprites
• Otimizar
– RIOT

27. Dicas Rápidas
• Debug/Release
• UrlRewrite
• SQL Plano de execução
• Glimpse

28. Obrigado
• @rodolfofadino
• http://rodolfofadino.com.br