web performance optimization - web tech conference 2011 talk
DESCRIPTION
TRANSCRIPT
![Page 1: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/1.jpg)
Web Performance
Optimization
Fabian Lange, codecentric AG
![Page 2: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/2.jpg)
WARUM WPO? 5 Beispiele
![Page 3: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/3.jpg)
Yahoo
400 Millisekunden 9% Traffic
![Page 4: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/4.jpg)
Microsoft Bing
1 Sekunde 56 Millionen USD pro Jahr
![Page 5: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/5.jpg)
Mozilla
2,2 Sekunden 60 Millionen Firefox
![Page 6: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/6.jpg)
Shopzilla
4 Sekunden 5% Kunden
![Page 7: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/7.jpg)
Amazon
100 Millisekunden 245 Millionen USD pro Jahr
![Page 8: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/8.jpg)
Unzufriedenheit 2 Sekunden
![Page 9: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/9.jpg)
Web Performance Optimization Mehr Erfolg durch
![Page 10: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/10.jpg)
Ladezeiten Erstens
![Page 11: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/11.jpg)
Codeausführung Zweitens
![Page 12: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/12.jpg)
Standardkompatibilität Drittens
![Page 13: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/13.jpg)
„SEO - Search Engine Optimization ist ein Thema von Gestern“
Steve Souders sagt
![Page 14: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/14.jpg)
Seiten werden gefunden Google & Bing suchen
![Page 15: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/15.jpg)
Gute Inhalte dominieren Blogs beweisen
![Page 16: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/16.jpg)
SEO Voodoo funktioniert nicht mehr
Schamanen bedauern
![Page 17: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/17.jpg)
Es gibt viel Budget für SEO Aber
![Page 18: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/18.jpg)
WPO – Web Performance Optimization bewältigt aktuelle Herausforderungen
Steve hat Recht
![Page 19: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/19.jpg)
Ladezeiten
![Page 20: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/20.jpg)
Fragile Netzinfrastruktur Mobile Datennetze
![Page 21: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/21.jpg)
Hohe Kosten Mobile Datennetze
![Page 22: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/22.jpg)
Unerwartete Begrenzungen Verbindungen & Datentransfer
![Page 23: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/23.jpg)
Wasserfall Charts Kostenaufstellung
![Page 24: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/24.jpg)
Kombination Sprites & JavaScript
![Page 25: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/25.jpg)
Kompression Bilder & JavaScript
![Page 26: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/26.jpg)
Caching Datenübertragung vermeiden
![Page 27: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/27.jpg)
Codeausführung
![Page 28: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/28.jpg)
Unvollständige Seiten hängende Werbebanner
![Page 29: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/29.jpg)
Unbenutzbarkeit viele Daten, suboptimaler Code
![Page 30: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/30.jpg)
Nichtverfügbarkeit Servercode Probleme
![Page 31: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/31.jpg)
Vertrauensverlust Nicht reagierender Zahlungsdienst
![Page 32: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/32.jpg)
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
![Page 33: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/33.jpg)
Nicht Blockieren Google Async Loader & Require.js
![Page 34: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/34.jpg)
JavaScript Profiling WebKit Inspector
![Page 35: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/35.jpg)
JavaScript Profiling Firebug
![Page 36: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/36.jpg)
JavaScript Profiling IE 9
![Page 37: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/37.jpg)
Browser Profiling Dynatrace Ajax
![Page 38: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/38.jpg)
Anwendungsmonitoring AppDynamics
![Page 39: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/39.jpg)
Java Profiling JProfiler
![Page 40: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/40.jpg)
PHP Profiling Xdebug & WinCacheGrind
![Page 41: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/41.jpg)
Symfony2 Profiling Web Profiler
![Page 42: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/42.jpg)
Ruby Profiling ruby-prof
![Page 43: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/43.jpg)
Standardkompatibilität
![Page 44: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/44.jpg)
Browserkrieg 1.0 Interoperabilität
![Page 45: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/45.jpg)
Browserkrieg 3.0 Interoperabilität
![Page 46: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/46.jpg)
HTML 5 PC & Mobile
![Page 47: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/47.jpg)
JavaScript Frameworks Kompatibilität dank
![Page 48: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/48.jpg)
Ressourcen Teilen Supercache
![Page 49: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/49.jpg)
Best Practices Yahoo 35, Google 29
![Page 50: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/50.jpg)
Best Practices One Stop Shop
![Page 51: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/51.jpg)
Automatische Optimierung Zukunftsmusik?
![Page 52: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/52.jpg)
Asset Management für PHP Assetic
![Page 53: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/53.jpg)
Messen & Handeln Fazit
![Page 54: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/54.jpg)
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
![Page 55: Web Performance Optimization - Web Tech Conference 2011 Talk](https://reader033.vdocuments.us/reader033/viewer/2022061201/547990b4b4795963098b47cd/html5/thumbnails/55.jpg)
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 [email protected]
Rate my talk @ joind.in/3886