Web Performance Optimization - Web Tech Conference 2011 Talk

3,672 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,672
On SlideShare
0
From Embeds
0
Number of Embeds
694
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×