Web Performance Optimization         Fabian Lange
5 BeispieleWARUM WPO?
Yahoo400 Millisekunden9% Traffic
Microsoft Bing1 Sekunde56 Millionen USD   pro Jahr
Mozilla2,2 Sekunden60 Millionen Firefox
Shopzilla4 Sekunden5% Kunden
Amazon100 Millisekunden245 Millionen USD   pro Jahr
2 SekundenUnzufriedenheit
Mehr Erfolg durchWeb Performance Optimization
ErstensLadezeiten
ZweitensCodeausführung
DrittensStandardkompatibilität
Steve Souders sagt„SEO - Search Engine Optimizationist ein Thema von Gestern“
Google & Bing suchenSeiten werden gefunden
Blogs beweisenGute Inhalte dominieren
Schamanen bedauernSEO Voodoo funktioniertnicht mehr
AberEs gibt viel Budget für SEO
Steve hat RechtWPO – Web Performance Optimizationbewältigt aktuelle Herausforderungen
Ladezeiten
Mobile DatennetzeFragile Netzinfrastruktur
Mobile DatennetzeHohe Kosten
Verbindungen & DatentransferUnerwartete Begrenzungen
KostenaufstellungWasserfall Charts
Sprites & JavaScriptKombination
Bilder & JavaScriptKompression
Datenübertragung vermeidenCaching
Codeausführung
hängende WerbebannerUnvollständige Seiten
viele Daten, suboptimaler CodeUnbenutzbarkeit
Servercode ProblemeNichtverfügbarkeit
Nicht reagierender ZahlungsdienstVertrauensverlust
450400350300                                               Safari 5                                                  Firef...
Google Async Loader & Require.jsNicht Blockieren
WebKit InspectorJavaScript Profiling
FirebugJavaScript Profiling
IE 9JavaScript Profiling
Dynatrace AjaxBrowser Profiling
AppDynamicsAnwendungsmonitoring
JProfilerJava Profiling
Xdebug & WinCacheGrindPHP Profiling
ruby-profRuby Profiling
Standardkompatibilität
InteroperabilitätBrowserkrieg 1.0
InteroperabilitätBrowserkrieg 3.0
PC & MobileHTML 5
Kompatibilität dankJavaScript Frameworks
SupercacheRessourcen Teilen
Yahoo 35, Google 29Best Practices
One Stop ShopBest Practices
Zukunftsmusik?Automatische Optimierung
FazitMessen & Handeln
Kätzchen           http://www.flickr.com/photos/crsan/4804813050Netzwerkswitch     http://www.flickr.com/photos/br1dotcom/...
Firebug                          http://getfirebug.comSmart Sprites Generator          http://csssprites.orgYahoo UI Compr...
Web Performance Optimization - JAX 2011 Talk
Nächste SlideShare
Wird geladen in …5
×

Web Performance Optimization - JAX 2011 Talk

2.691 Aufrufe

Veröffentlicht am

Slides for my talk about web performance optimization at JAX 2011

Veröffentlicht in: Technologie
0 Kommentare
2 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.691
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1.145
Aktionen
Geteilt
0
Downloads
21
Kommentare
0
Gefällt mir
2
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Web Performance Optimization - JAX 2011 Talk

  1. 1. Web Performance Optimization Fabian Lange
  2. 2. 5 BeispieleWARUM WPO?
  3. 3. Yahoo400 Millisekunden9% Traffic
  4. 4. Microsoft Bing1 Sekunde56 Millionen USD pro Jahr
  5. 5. Mozilla2,2 Sekunden60 Millionen Firefox
  6. 6. Shopzilla4 Sekunden5% Kunden
  7. 7. Amazon100 Millisekunden245 Millionen USD pro Jahr
  8. 8. 2 SekundenUnzufriedenheit
  9. 9. Mehr Erfolg durchWeb Performance Optimization
  10. 10. ErstensLadezeiten
  11. 11. ZweitensCodeausführung
  12. 12. DrittensStandardkompatibilität
  13. 13. Steve Souders sagt„SEO - Search Engine Optimizationist ein Thema von Gestern“
  14. 14. Google & Bing suchenSeiten werden gefunden
  15. 15. Blogs beweisenGute Inhalte dominieren
  16. 16. Schamanen bedauernSEO Voodoo funktioniertnicht mehr
  17. 17. AberEs gibt viel Budget für SEO
  18. 18. Steve hat RechtWPO – Web Performance Optimizationbewältigt aktuelle Herausforderungen
  19. 19. Ladezeiten
  20. 20. Mobile DatennetzeFragile Netzinfrastruktur
  21. 21. Mobile DatennetzeHohe Kosten
  22. 22. Verbindungen & DatentransferUnerwartete Begrenzungen
  23. 23. KostenaufstellungWasserfall Charts
  24. 24. Sprites & JavaScriptKombination
  25. 25. Bilder & JavaScriptKompression
  26. 26. Datenübertragung vermeidenCaching
  27. 27. Codeausführung
  28. 28. hängende WerbebannerUnvollständige Seiten
  29. 29. viele Daten, suboptimaler CodeUnbenutzbarkeit
  30. 30. Servercode ProblemeNichtverfügbarkeit
  31. 31. Nicht reagierender ZahlungsdienstVertrauensverlust
  32. 32. 450400350300 Safari 5 Firefox 4250 Chrome 10 Opera 11200 IE 9150 Schneller, höher, weiter100 Browserkrieg 2.050 0 Sunspider Benchmark
  33. 33. Google Async Loader & Require.jsNicht Blockieren
  34. 34. WebKit InspectorJavaScript Profiling
  35. 35. FirebugJavaScript Profiling
  36. 36. IE 9JavaScript Profiling
  37. 37. Dynatrace AjaxBrowser Profiling
  38. 38. AppDynamicsAnwendungsmonitoring
  39. 39. JProfilerJava Profiling
  40. 40. Xdebug & WinCacheGrindPHP Profiling
  41. 41. ruby-profRuby Profiling
  42. 42. Standardkompatibilität
  43. 43. InteroperabilitätBrowserkrieg 1.0
  44. 44. InteroperabilitätBrowserkrieg 3.0
  45. 45. PC & MobileHTML 5
  46. 46. Kompatibilität dankJavaScript Frameworks
  47. 47. SupercacheRessourcen Teilen
  48. 48. Yahoo 35, Google 29Best Practices
  49. 49. One Stop ShopBest Practices
  50. 50. Zukunftsmusik?Automatische Optimierung
  51. 51. FazitMessen & Handeln
  52. 52. Kätzchen 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/166051502Weinfässer 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/2254907478Straßenarbeiten 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. 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 Fabian.Lange@codecentric.de

×