Web Performance Optimization - Web Tech Conference 2011 Talk

Transcript

1. Web Performance Optimization Fabian Lange, codecentric AG
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 Sunspider Benchmark Safari 5 Firefox 7 Chrome 16 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. Symfony2 Profiling Web Profiler
42. Ruby Profiling ruby-prof
43. Standardkompatibilität
44. Browserkrieg 1.0 Interoperabilität
45. Browserkrieg 3.0 Interoperabilität
46. HTML 5 PC & Mobile
47. JavaScript Frameworks Kompatibilität dank
48. Ressourcen Teilen Supercache
49. Best Practices Yahoo 35, Google 29
50. Best Practices One Stop Shop
51. Automatische Optimierung Zukunftsmusik?
52. Asset Management für PHP Assetic
53. Messen & Handeln Fazit
54. 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
55. 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 Assetic https://github.com/kriswallsmith/assetic @CodingFabian Fabian.Lange@codecentric.de Rate my talk @ joind.in/3886
56. Agile Java Performance Juniors Seniors Gurus Ninjas