Apresentação sobre performance web e asp.net core https://github.com/rodolfofadino/wpo-meetup-brasildotnet

1. Web Performance Optimization
com ASP.NET Core
@RodolfoFadino

3. ! Instantâneo

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

5. Vamos fazer um projeto para isso

6. Backlog

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

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

9. 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

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

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

13. Static Files
Expires
Handler
Imagens físicas
Lazy Load
Dependendo do cenário
Sprites
Otimizar
RIOT

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