web performance optimization - jax 2011 talk
DESCRIPTION
Slides for my talk about web performance optimization at JAX 2011TRANSCRIPT
- 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]