Web Performance Optimization - Web Tech Conference 2011 Talk

Fabian Lange, codecentric AGWeb PerformanceOptimization

5 BeispieleWARUM WPO?

Yahoo400 Millisekunden9% Traffic

Microsoft Bing1 Sekunde56 Millionen USD pro Jahr

Mozilla2,2 Sekunden60 Millionen Firefox

Shopzilla4 Sekunden5% Kunden

Amazon100 Millisekunden245 Millionen USD pro Jahr

2 SekundenUnzufriedenheit

Mehr Erfolg durchWeb Performance Optimization

ErstensLadezeiten

ZweitensCodeausführung

DrittensStandardkompatibilität

Steve Souders sagt„SEO - Search Engine Optimizationist ein Thema von Gestern“

Google & Bing suchenSeiten werden gefunden

Blogs beweisenGute Inhalte dominieren

Schamanen bedauernSEO Voodoo funktioniertnicht mehr

AberEs gibt viel Budget für SEO

Steve hat RechtWPO – Web Performance Optimizationbewältigt aktuelle Herausforderungen

Ladezeiten

Mobile DatennetzeFragile Netzinfrastruktur

Mobile DatennetzeHohe Kosten

Verbindungen & DatentransferUnerwartete Begrenzungen

KostenaufstellungWasserfall Charts

Sprites & JavaScriptKombination

Bilder & JavaScriptKompression

Datenübertragung vermeidenCaching

Codeausführung

hängende WerbebannerUnvollständige Seiten

viele Daten, suboptimaler CodeUnbenutzbarkeit

Servercode ProblemeNichtverfügbarkeit

Nicht reagierender ZahlungsdienstVertrauensverlust

300250 Safari 5200 Firefox 7 Chrome 16150 Opera 11 IE 9 Schneller, höher, weiter100 Browserkrieg 2.050 0 Sunspider Benchmark

Google Async Loader & Require.jsNicht Blockieren

WebKit InspectorJavaScript Profiling

FirebugJavaScript Profiling

IE 9JavaScript Profiling

Dynatrace AjaxBrowser Profiling

AppDynamicsAnwendungsmonitoring

JProfilerJava Profiling

Xdebug & WinCacheGrindPHP Profiling

Web ProfilerSymfony2 Profiling

ruby-profRuby Profiling

Standardkompatibilität

InteroperabilitätBrowserkrieg 1.0

InteroperabilitätBrowserkrieg 3.0

PC & MobileHTML 5

Kompatibilität dankJavaScript Frameworks

SupercacheRessourcen Teilen

Yahoo 35, Google 29Best Practices

One Stop ShopBest Practices

Zukunftsmusik?Automatische Optimierung

AsseticAsset Management für PHP

FazitMessen & Handeln

Kätzchen 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/166051502Weinfässer 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/2254907478Straßenarbeiten 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

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/modpagespeedAssetic https://github.com/kriswallsmith/assetic ReferenzenRate my talk @ joind.in/3886 @CodingFabian Fabian.Lange@codecentric.de

http://blog.codecentric.de	550
http://translate.googleusercontent.com	5
http://a0.twimg.com	1

Web Performance Optimization - Web Tech Conference 2011 Talk

by Fabian Lange on Oct 11, 2011

Accessibility

Upload Details

Usage Rights

3 Embeds 556

Statistics

Web Performance Optimization - Web Tech Conference 2011 Talk — Presentation Transcript