1. Fabian Lange, codecentric AG
Web Performance
Optimization

2. 5 Beispiele
WARUM WPO?

3. Yahoo
400 Millisekunden
9% Traffic

4. Microsoft Bing
1 Sekunde
56 Millionen USD pro Jahr

5. Mozilla
2,2 Sekunden
60 Millionen Firefox

6. Shopzilla
4 Sekunden
5% Kunden

7. Amazon
100 Millisekunden
245 Millionen USD pro Jahr

8. 2 Sekunden
Unzufriedenheit

9. Mehr Erfolg durch
Web Performance Optimization

10. Erstens
Ladezeiten

11. Zweitens
Codeausführung

12. Drittens
Standardkompatibilität

13. Steve Souders sagt
„SEO - Search Engine Optimization
ist ein Thema von Gestern“

14. Google & Bing suchen
Seiten werden gefunden

15. Blogs beweisen
Gute Inhalte dominieren

16. Schamanen bedauern
SEO Voodoo funktioniert
nicht mehr

17. Aber
Es gibt viel Budget für SEO

18. Steve hat Recht
WPO – Web Performance Optimization
bewältigt aktuelle Herausforderungen

19. Ladezeiten

20. Mobile Datennetze
Fragile Netzinfrastruktur

21. Mobile Datennetze
Hohe Kosten

22. Verbindungen & Datentransfer
Unerwartete Begrenzungen

23. Kostenaufstellung
Wasserfall Charts

24. Sprites & JavaScript
Kombination

25. Bilder & JavaScript
Kompression

26. Datenübertragung vermeiden
Caching

27. Codeausführung

28. hängende Werbebanner
Unvollständige Seiten

29. viele Daten, suboptimaler Code
Unbenutzbarkeit

30. Servercode Probleme
Nichtverfügbarkeit

31. Nicht reagierender Zahlungsdienst
Vertrauensverlust

32. 300
250
Safari 5
200
Firefox 7
Chrome 16
150 Opera 11
IE 9
Schneller, höher, weiter
100
Browserkrieg 2.0
50
0
Sunspider Benchmark

33. Google Async Loader & Require.js
Nicht Blockieren

34. WebKit Inspector
JavaScript Profiling

35. Firebug
JavaScript Profiling

36. IE 9
JavaScript Profiling

37. Dynatrace Ajax
Browser Profiling

38. AppDynamics
Anwendungsmonitoring

39. JProfiler
Java Profiling

40. Xdebug & WinCacheGrind
PHP Profiling

41. Web Profiler
Symfony2 Profiling

42. ruby-prof
Ruby Profiling

43. Standardkompatibilität

44. Interoperabilität
Browserkrieg 1.0

45. Interoperabilität
Browserkrieg 3.0

46. PC & Mobile
HTML 5

47. Kompatibilität dank
JavaScript Frameworks

48. Supercache
Ressourcen Teilen

49. Yahoo 35, Google 29
Best Practices

50. One Stop Shop
Best Practices

51. Zukunftsmusik?
Automatische Optimierung

52. Assetic
Asset Management für PHP

53. Fazit
Messen & Handeln

54. Kätzchen http://www.flickr.com/photos/crsan/4804813050
Netzwerkswitch http://www.flickr.com/photos/br1dotcom/4296987925
JavaScript Code http://www.flickr.com/photos/dmitry-baranovskiy/2378867408
Html5 Sticker http://www.w3.org/html/logo
Heuballen http://www.flickr.com/photos/janeladeimagens/166051502
Weinfässer http://www.flickr.com/photos/jimnix/4623989305
Voodoo http://www.flickr.com/photos/adamcohn/2827720891
Antennen http://www.flickr.com/photos/thristian/295133206
Telefonrechnung http://www.flickr.com/photos/wili/2254907478
Straßenarbeiten http://www.flickr.com/photos/dougtone/4153798733
Ordner Icon http://www.iconarchive.com/artist/deleket.html
Desk http://www.flickr.com/photos/akeg/4652982150
Apple vs. Android http://aoisora9x.deviantart.com/gallery/#/d2rpdbp
Bildnachweis

55. Firebug http://getfirebug.com
Smart Sprites Generator http://csssprites.org
Yahoo UI Compressor http://developer.yahoo.com/yui/compressor
Smush.it http://www.smushit.com
RFC 2616 - HTTP Spec (Caching) http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.html
Require.js http://requirejs.org
Google Ajax Libs http://code.google.com/intl/de-DE/apis/libraries
AppDynamics http://appdynamics.com/free
JProfiler http://www.jprofiler.com
Xdebug http://www.xdebug.org
WinCacheGrind http://sourceforge.net/projects/wincachegrind
ruby-prof http://ruby-prof.rubyforge.org
YSlow http://developer.yahoo.com/yslow
Show Slow http://www.showslow.com
Mod_pagespeed http://code.google.com/p/modpagespeed
Assetic https://github.com/kriswallsmith/assetic
Referenzen
Rate my talk @ joind.in/3886 @CodingFabian
Fabian.Lange@codecentric.de