Fabian Lange, codecentric AGWeb PerformanceOptimization
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
300250                                                  Safari 5200                                                  Firef...
Google Async Loader & Require.jsNicht Blockieren
WebKit InspectorJavaScript Profiling
FirebugJavaScript Profiling
IE 9JavaScript Profiling
Dynatrace AjaxBrowser Profiling
AppDynamicsAnwendungsmonitoring
JProfilerJava Profiling
Xdebug & WinCacheGrindPHP Profiling
Web ProfilerSymfony2 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
AsseticAsset Management für PHP
FazitMessen & Handeln
Kätzchen            http://www.flickr.com/photos/crsan/4804813050Netzwerkswitch      http://www.flickr.com/photos/br1dotco...
Firebug                          http://getfirebug.comSmart Sprites Generator          http://csssprites.orgYahoo UI Compr...
Nächste SlideShare
Wird geladen in …5
×

Web Performance Optimization - Web Tech Conference 2011 Talk

3.605 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
3.605
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
693
Aktionen
Geteilt
0
Downloads
28
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Web Performance Optimization - Web Tech Conference 2011 Talk

  1. 1. Fabian Lange, codecentric AGWeb PerformanceOptimization
  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. 300250 Safari 5200 Firefox 7 Chrome 16150 Opera 11 IE 9 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. Web ProfilerSymfony2 Profiling
  42. 42. ruby-profRuby Profiling
  43. 43. Standardkompatibilität
  44. 44. InteroperabilitätBrowserkrieg 1.0
  45. 45. InteroperabilitätBrowserkrieg 3.0
  46. 46. PC & MobileHTML 5
  47. 47. Kompatibilität dankJavaScript Frameworks
  48. 48. SupercacheRessourcen Teilen
  49. 49. Yahoo 35, Google 29Best Practices
  50. 50. One Stop ShopBest Practices
  51. 51. Zukunftsmusik?Automatische Optimierung
  52. 52. AsseticAsset Management für PHP
  53. 53. FazitMessen & Handeln
  54. 54. 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
  55. 55. 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/modpagespeedAssetic https://github.com/kriswallsmith/assetic ReferenzenRate my talk @ joind.in/3886 @CodingFabian Fabian.Lange@codecentric.de

×