54
Web Performance Optimization Fabian Lange
Web Performance Optimization - JAX 2011 Talk
Embed Size (px)
DESCRIPTION
Slides for my talk about web performance optimization at JAX 2011
Citation preview
- 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]