FRONT-END
PERFORMANCE
DE 9 A 4 SEGUNDOS
André Tagliati
Mineiro criado no ES
perdido em São Paulo
PHP,Ruby,JS e mais...
Aquele que vos fala...
http://www.flickr.co...
http://www.flickr.com/photos/42931449@N07/6812481635/
O que temos pra hoje?
Chegando ao Front
Problemas
Soluções
Futuro
TIME IS MONEY
http://www.flickr.com/photos/76657755@N04/7214596024/
De frente com o front...
http://www.flickr.com/photos/sladesma/236604698/sizes/l/
O primeiro vilão...
http://www.flickr.com/photos/voorhorst/1422493685/
PAGE LOAD
Javascript benchmark
CSS & DOM Performance
Chega disso...
ESTA IMAGEM FOI CENSURADA POIS O AUTOR DA FOTO CONSIDEROU
SEU USO COMO SENDO COMERCIAL
Precisa disso tudo?
http://www.flickr.com/photos/75905404@N00/7126146307/sizes/h/in/photostream/
Pixels
Imagens
Html
Só o necessário...
http://www.flickr.com/photos/carsten_tb/8487467262/
Limpeza
http://www.flickr.com/photos/nevilzaveri/11836667816/
http://www.flickr.com/photos/26096026@N00/94012449
Espremer...
http://www.flickr.com/photos/antigavin/6072956388/
...automaticamente
CDN
http://www.flickr.com/photos/varresa/4153804623/
Suricato
Reorganizando
http://www.flickr.com/photos/acaben/62925785/
$.live
Mensurando
http://www.flickr.com/photos/filmingilman/5882785
https://docs.newrelic.com/docs/features/real-user-monitoring
Browser Trace
Controle de alterações
Estamos de olho
http://www.flickr.com/photos/91036147@N03/8271454655
Equipe
http://www.flickr.com/photos/goldberg/354577319/
Resultados
http://www.flickr.com/photos/umpcportal/3507739892/
Aos poucos
http://www.flickr.com/photos/carmyarmyofme/4657547742/
Planejamento
http://www.flickr.com/photos/malloy/195204215
rumo aos 2s
http://www.flickr.com/photos/giando/539618607/
HTML minificado
http://www.flickr.com/photos/marcovdz/4520986339/
inline CSS
https://www.flickr.com/photos/garon/2771991432/
http://www.flickr.com/photos/rich701/8110191369/
e muito mais
IE8 e sua performance:
http://www.tomshardware.com/reviews/windows-xp-web-browser-performance,3167-6.html
https://www.webk...
Contatos
andre.tagliati@dafiti.com.br
@tagliati
http://www.flickr.com/photos/35237092540@N01/188700129/
Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference
Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference
Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference
Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference
Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference
Próximos SlideShares
Carregando em…5
×

Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference

1.695 visualizações

Publicada em

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

Publicada em: Internet
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.695
No SlideShare
0
A partir de incorporações
0
Número de incorporações
916
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Front end performance - dos 9 aos 4 segundos - Dafiti Tech Conference

  1. 1. FRONT-END PERFORMANCE DE 9 A 4 SEGUNDOS
  2. 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. 3. http://www.flickr.com/photos/42931449@N07/6812481635/ O que temos pra hoje? Chegando ao Front Problemas Soluções Futuro
  4. 4. TIME IS MONEY http://www.flickr.com/photos/76657755@N04/7214596024/
  5. 5. De frente com o front... http://www.flickr.com/photos/sladesma/236604698/sizes/l/
  6. 6. O primeiro vilão... http://www.flickr.com/photos/voorhorst/1422493685/
  7. 7. PAGE LOAD
  8. 8. Javascript benchmark
  9. 9. CSS & DOM Performance
  10. 10. Chega disso... ESTA IMAGEM FOI CENSURADA POIS O AUTOR DA FOTO CONSIDEROU SEU USO COMO SENDO COMERCIAL
  11. 11. Precisa disso tudo? http://www.flickr.com/photos/75905404@N00/7126146307/sizes/h/in/photostream/
  12. 12. Pixels Imagens Html Só o necessário... http://www.flickr.com/photos/carsten_tb/8487467262/
  13. 13. Limpeza http://www.flickr.com/photos/nevilzaveri/11836667816/
  14. 14. http://www.flickr.com/photos/26096026@N00/94012449 Espremer...
  15. 15. http://www.flickr.com/photos/antigavin/6072956388/ ...automaticamente
  16. 16. CDN http://www.flickr.com/photos/varresa/4153804623/
  17. 17. Suricato
  18. 18. Reorganizando http://www.flickr.com/photos/acaben/62925785/
  19. 19. $.live
  20. 20. Mensurando http://www.flickr.com/photos/filmingilman/5882785
  21. 21. https://docs.newrelic.com/docs/features/real-user-monitoring
  22. 22. Browser Trace
  23. 23. Controle de alterações Estamos de olho http://www.flickr.com/photos/91036147@N03/8271454655
  24. 24. Equipe http://www.flickr.com/photos/goldberg/354577319/
  25. 25. Resultados http://www.flickr.com/photos/umpcportal/3507739892/
  26. 26. Aos poucos http://www.flickr.com/photos/carmyarmyofme/4657547742/
  27. 27. Planejamento http://www.flickr.com/photos/malloy/195204215
  28. 28. rumo aos 2s http://www.flickr.com/photos/giando/539618607/
  29. 29. HTML minificado http://www.flickr.com/photos/marcovdz/4520986339/
  30. 30. inline CSS https://www.flickr.com/photos/garon/2771991432/
  31. 31. http://www.flickr.com/photos/rich701/8110191369/ e muito mais
  32. 32. 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
  33. 33. Contatos andre.tagliati@dafiti.com.br @tagliati http://www.flickr.com/photos/35237092540@N01/188700129/

×