LevelUp! Games - Web performance

Web performance presentation, covering measuring performance, infrastructure performance, frond-end performance, and back-end performance

Transcript

1. @luizfreneda Performance de Aplicações Web
2. O que eu vou falar ? • Introdução • Como mensurar performance ? • Performance @ infraestrutura • Performance @ frontend • Performance @ backend • Optimização de aplicativos ASP.NET • Que mais ?
3. Let's get it started
4. Performance de aplicativos web com ASP.NET ?????? AFi!11! Performance in ASpy.Neti? PQ FAIS IÇO ? RAIRIARIRAIRIARIRA PHP RULEZ AEeAE!!1!! SDDS PHP ..
5. O que causa lentidão em páginas web?
6. Server side x Client side
7. 80%
8. O que ganhamos com uma performance melhor? Dinheiro !ヽ(*・ω・)ﾉ~$$$$
9. Estatísticas • Yahoo! - para cada 400ms de melhora na performance, seu tráfego aumenta em 9% • Mozilla - ao cortar 2,2s da landing page do Firefox, aumentou o número de downloads em 15% • Amazon - 100ms de melhora aumentam 1% seu faturamento • Microsoft - 2s a mais de latência no Bing diminuíam o faturamento em 4,3%
10. E mais estatísticas • Google - aumentou o número de resultados por página de 10 para 30 e isso diminuiu em 20% o tráfego das buscas ): • Caelum - tamanho de sua página de 100kb para 300kb, queda de 28% pageviews e 18% no conversion rate.
11. E aí ? Quais seriam as nossas estatísticas?
12. Regras para uma melhor performance 1 > Reduzir o número de requisições 2 > Enviar o mínimo possível 3 > Enviar o menos freqüente possível
14. Como mensurar performance ?
15. IIS Log files
16. Fiddler
17. MiniProfiler @ ASP.NET MVC
18. Glimpse
19. Page Speed Insights for Chrome
20. Existem outros ..
21. Performance @ infraestrutura
22. HTTP Compression
23. Content Expirations
24. Content Distribution Networkds (CDN's)
25. Remover HTTP Headers desnecessários
26. Habilitar o HTTP Keep-Alive Header
27. SSL não é cacheado! Minime o uso de SSL https://suporte.levelupgames.com.br
28. Performance @ FrontEnd
29. Minificação / Consolidação de Javascript e CSS
30. Otimização de imagens
31. CSS Sprites
32. Diferente domain para arquivos estáticos Parallelize downloads across hostnames
33. Validação no cliente sempre!
34. Reduzir o tamanho da sua página
35. Evite bad requests
36. Atenção na ordem dos estilos e scripts
37. Preferência para recursos assíncronos
38. Inline para pequenos javascripts :)
39. Determine dimensões para imagens
40. Performance @ Backend
41. Data and Output caching
42. AJAX
43. Asynchronous actions @ ASP.NET MVC
44. Asynchronous actions @ ASP.NET MVC
45. Otimização do pipeline do ASP.NET
46. Process configuration optimization http://www.codeproject.com/Articles/23306/10-ASP-NET-Performance-and-Scalability-Secrets
47. Que mais?
48. Vamos fazer nosso checklist?