web performance optimization - jax 2011 talk

54
Web Performance Optimization Fabian Lange

Upload: fabian-lange

Post on 28-Nov-2014

1.969 views

Category:

Technology


0 download

DESCRIPTION

Slides for my talk about web performance optimization at JAX 2011

TRANSCRIPT

  • 1. Web Performance Optimization Fabian Lange
  • 2. 5 BeispieleWARUM WPO?
  • 3. Yahoo400 Millisekunden9% Traffic
  • 4. Microsoft Bing1 Sekunde56 Millionen USD pro Jahr
  • 5. Mozilla2,2 Sekunden60 Millionen Firefox
  • 6. Shopzilla4 Sekunden5% Kunden
  • 7. Amazon100 Millisekunden245 Millionen USD pro Jahr
  • 8. 2 SekundenUnzufriedenheit
  • 9. Mehr Erfolg durchWeb Performance Optimization
  • 10. ErstensLadezeiten
  • 11. ZweitensCodeausfhrung
  • 12. DrittensStandardkompatibilitt
  • 13. Steve Souders sagtSEO - Search Engine Optimizationist ein Thema von Gestern
  • 14. Google & Bing suchenSeiten werden gefunden
  • 15. Blogs beweisenGute Inhalte dominieren
  • 16. Schamanen bedauernSEO Voodoo funktioniertnicht mehr
  • 17. AberEs gibt viel Budget fr SEO
  • 18. Steve hat RechtWPO Web Performance Optimizationbewltigt aktuelle Herausforderungen
  • 19. Ladezeiten
  • 20. Mobile DatennetzeFragile Netzinfrastruktur
  • 21. Mobile DatennetzeHohe Kosten
  • 22. Verbindungen & DatentransferUnerwartete Begrenzungen
  • 23. KostenaufstellungWasserfall Charts
  • 24. Sprites & JavaScriptKombination
  • 25. Bilder & JavaScriptKompression
  • 26. Datenbertragung vermeidenCaching
  • 27. Codeausfhrung
  • 28. hngende WerbebannerUnvollstndige Seiten
  • 29. viele Daten, suboptimaler CodeUnbenutzbarkeit
  • 30. Servercode ProblemeNichtverfgbarkeit
  • 31. Nicht reagierender ZahlungsdienstVertrauensverlust
  • 32. 450400350300 Safari 5 Firefox 4250 Chrome 10 Opera 11200 IE 9150 Schneller, hher, weiter100 Browserkrieg 2.050 0 Sunspider Benchmark
  • 33. Google Async Loader & Require.jsNicht Blockieren
  • 34. WebKit InspectorJavaScript Profiling
  • 35. FirebugJavaScript Profiling
  • 36. IE 9JavaScript Profiling
  • 37. Dynatrace AjaxBrowser Profiling
  • 38. AppDynamicsAnwendungsmonitoring
  • 39. JProfilerJava Profiling
  • 40. Xdebug & WinCacheGrindPHP Profiling
  • 41. ruby-profRuby Profiling
  • 42. Standardkompatibilitt
  • 43. InteroperabilittBrowserkrieg 1.0
  • 44. InteroperabilittBrowserkrieg 3.0
  • 45. PC & MobileHTML 5
  • 46. Kompatibilitt dankJavaScript Frameworks
  • 47. SupercacheRessourcen Teilen
  • 48. Yahoo 35, Google 29Best Practices
  • 49. One Stop ShopBest Practices
  • 50. Zukunftsmusik?Automatische Optimierung
  • 51. FazitMessen & Handeln
  • 52. Ktzchen http://www.flickr.com/photos/crsan/4804813050Netzwerkswitch http://www.flickr.com/photos/br1dotcom/4296987925JavaScript Code http://www.flickr.com/photos/dmitry-baranovskiy/2378867408Html5 Sticker http://www.w3.org/html/logoHeuballen http://www.flickr.com/photos/janeladeimagens/166051502Weinfsser http://www.flickr.com/photos/jimnix/4623989305Voodoo http://www.flickr.com/photos/adamcohn/2827720891Antennen http://www.flickr.com/photos/thristian/295133206Telefonrechnung http://www.flickr.com/photos/wili/2254907478Straenarbeiten http://www.flickr.com/photos/dougtone/4153798733Ordner Icon http://www.iconarchive.com/artist/deleket.htmlDesk http://www.flickr.com/photos/akeg/4652982150Apple vs Android http://aoisora9x.deviantart.com/gallery/#/d2rpdbp Bildnachweis
  • 53. Firebug http://getfirebug.comSmart Sprites Generator http://csssprites.orgYahoo UI Compressor http://developer.yahoo.com/yui/compressorSmush.it http://www.smushit.comRFC 2616 - HTTP Spec (Caching) http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.htmlRequire.js http://requirejs.orgGoogle Ajax Libs http://code.google.com/intl/de-DE/apis/librariesAppDynamics http://appdynamics.com/freeJProfiler http://www.jprofiler.comXdebug http://www.xdebug.orgWinCacheGrind http://sourceforge.net/projects/wincachegrindruby-prof http://ruby-prof.rubyforge.orgYSlow http://developer.yahoo.com/yslowShow Slow http://www.showslow.comMod_pagespeed http://code.google.com/p/modpagespeed Referenzen @CodingFabian [email protected]