Web Performance Optimization - JAX 2011 Talk

Transcript

1. Web Performance Optimization Fabian Lange
2. WARUM WPO? 5 Beispiele
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. Unzufriedenheit 2 Sekunden
9. Web Performance Optimization Mehr Erfolg durch
10. Ladezeiten Erstens
11. Codeausführung Zweitens
12. Standardkompatibilität Drittens
13. „SEO - Search Engine Optimization ist ein Thema von Gestern“ Steve Souders sagt
14. Seiten werden gefunden Google & Bing suchen
15. Gute Inhalte dominieren Blogs beweisen
16. SEO Voodoo funktioniert nicht mehr Schamanen bedauern
17. Es gibt viel Budget für SEO Aber
18. WPO – Web Performance Optimization bewältigt aktuelle Herausforderungen Steve hat Recht
19. Ladezeiten
20. Fragile Netzinfrastruktur Mobile Datennetze
21. Hohe Kosten Mobile Datennetze
22. Unerwartete Begrenzungen Verbindungen & Datentransfer
23. Wasserfall Charts Kostenaufstellung
24. Kombination Sprites & JavaScript
25. Kompression Bilder & JavaScript
26. Caching Datenübertragung vermeiden
27. Codeausführung
28. Unvollständige Seiten hängende Werbebanner
29. Unbenutzbarkeit viele Daten, suboptimaler Code
30. Nichtverfügbarkeit Servercode Probleme
31. Vertrauensverlust Nicht reagierender Zahlungsdienst
32. 0 50 100 150 200 250 300 350 400 450 Sunspider Benchmark Safari 5 Firefox 4 Chrome 10 Opera 11 IE 9 Browserkrieg 2.0 Schneller, höher, weiter
33. Nicht Blockieren Google Async Loader & Require.js
34. JavaScript Profiling WebKit Inspector
35. JavaScript Profiling Firebug
36. JavaScript Profiling IE 9
37. Browser Profiling Dynatrace Ajax
38. Anwendungsmonitoring AppDynamics
39. Java Profiling JProfiler
40. PHP Profiling Xdebug & WinCacheGrind
41. Ruby Profiling ruby-prof
42. Standardkompatibilität
43. Browserkrieg 1.0 Interoperabilität
44. Browserkrieg 3.0 Interoperabilität
45. HTML 5 PC & Mobile
46. JavaScript Frameworks Kompatibilität dank
47. Ressourcen Teilen Supercache
48. Best Practices Yahoo 35, Google 29
49. Best Practices One Stop Shop
50. Automatische Optimierung Zukunftsmusik?
51. Messen & Handeln Fazit
52. Bildnachweis 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
53. Referenzen 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 @CodingFabian Fabian.Lange@codecentric.de