Apresentação para Dafiti Tech Conference Sobre desempenho web e melhorias que podem ser aplicadas para redução de pageload e melhoria de desempenho/experiência

1. FRONT-END
PERFORMANCE
DE 9 A 4 SEGUNDOS

2. André Tagliati
Mineiro criado no ES
perdido em São Paulo
PHP,Ruby,JS e mais...
Aquele que vos fala...
http://www.flickr.com/photos/buehlerphoto/4697025627/

3. http://www.flickr.com/photos/42931449@N07/6812481635/
O que temos pra hoje?
Chegando ao Front
Problemas
Soluções
Futuro

4. TIME IS MONEY
http://www.flickr.com/photos/76657755@N04/7214596024/

5. De frente com o front...
http://www.flickr.com/photos/sladesma/236604698/sizes/l/

6. O primeiro vilão...
http://www.flickr.com/photos/voorhorst/1422493685/

7. PAGE LOAD

8. Javascript benchmark

9. CSS & DOM Performance

10. Chega disso...
ESTA IMAGEM FOI CENSURADA POIS O AUTOR DA FOTO CONSIDEROU
SEU USO COMO SENDO COMERCIAL

11. Precisa disso tudo?
http://www.flickr.com/photos/75905404@N00/7126146307/sizes/h/in/photostream/

12. Pixels
Imagens
Html
Só o necessário...
http://www.flickr.com/photos/carsten_tb/8487467262/

13. Limpeza
http://www.flickr.com/photos/nevilzaveri/11836667816/

14. http://www.flickr.com/photos/26096026@N00/94012449
Espremer...

15. http://www.flickr.com/photos/antigavin/6072956388/
...automaticamente

16. CDN
http://www.flickr.com/photos/varresa/4153804623/

17. Suricato

18. Reorganizando
http://www.flickr.com/photos/acaben/62925785/

19. $.live

20. Mensurando
http://www.flickr.com/photos/filmingilman/5882785

22. https://docs.newrelic.com/docs/features/real-user-monitoring

23. Browser Trace

27. Controle de alterações
Estamos de olho
http://www.flickr.com/photos/91036147@N03/8271454655

28. Equipe
http://www.flickr.com/photos/goldberg/354577319/

29. Resultados
http://www.flickr.com/photos/umpcportal/3507739892/

30. Aos poucos
http://www.flickr.com/photos/carmyarmyofme/4657547742/

31. Planejamento
http://www.flickr.com/photos/malloy/195204215

33. rumo aos 2s
http://www.flickr.com/photos/giando/539618607/

34. HTML minificado
http://www.flickr.com/photos/marcovdz/4520986339/

35. inline CSS
https://www.flickr.com/photos/garon/2771991432/

36. http://www.flickr.com/photos/rich701/8110191369/
e muito mais

37. IE8 e sua performance:
http://www.tomshardware.com/reviews/windows-xp-web-browser-performance,3167-6.html
https://www.webkit.org/perf/sunspider-1.0.2/sunspider-1.0.2/driver.html
http://pivotal.github.io/jasmine/
https://developers.google.com/speed/
http://pivotal.github.io/jasmine/
https://docs.newrelic.com/docs/
http://glinden.blogspot.com.br/2006/11/marissa-mayer-at-web-20.html
Referências

38. Contatos
andre.tagliati@dafiti.com.br
@tagliati
http://www.flickr.com/photos/35237092540@N01/188700129/