status quo heute - typo3 akademie · marketing factory consulting gmbh – © 2012 10.02.2012...

10.02.2012Marketing Factory Consulting GmbH – © 2012

Schnelle Webapplikationen

Status Quo heute...

Samstag, 11. Februar 12


Schnelle Webapplikationen

Status Quo heute...

... wohin geht die Reise?



Über mich

CTO und Gesellschafter der Marketing Factory Consulting GmbH

TYPO3 Commerce core developer Business Control Committee der TYPO3

Association

phtml/fi seit 1996 Hochlastsysteme seit 1999 TYPO3 seit 2002 Prüfer für IT-Berufe bei der IHK

Düsseldorf

email: [email protected] twitter: @ISchmitt


mailto:[email protected]



T3SAIL1222-29.09Kroatien



Umfrage



Umfrage

Anruf eines Kunden:

Die Webseite ist langsam!



Was ist langsam?

http://www.useit.com/alertbox/response-times.html





Was ist langsam?

0.1 Sekunden „sofort“






Was ist langsam?


1 Sekunde Der Nutzer meint es ist „sofort“






Was ist langsam?


1 Sekunde Der Nutzer meint es ist „sofort“

10 Sekunden bleibt der Nutzer aufmerksam






Forrester Research

2012 geschätzt, Quelle Forrester Research 2006,2009

2006 2009 2012 *



Forrester Research

0

1

2

3

4

4


2006 2009 2012 *



Forrester Research

0

1

2

3

4

4


50 %

2006 2009 2012 *



Forrester Research

0

1

2

3

4

4 2


50 %

2006 2009 2012 *



Forrester Research

0

1

2

3

4

4 2


50 %

2006 2009 2012 *

50 % ?



Forrester Research

0

1

2

3

4

4 2 12012 geschätzt, Quelle Forrester Research 2006,2009

50 %

2006 2009 2012 *

50 % ?



Time is money!

Quelle: Forrester Research 2010



Time is money!


Erhöhung der Abbruchrate

7 %

2 bis 4 Sek. 2 bis 6 Sek. 2 bis 8 Sek. 2 bis 10 Sek.



Time is money!



7 %

25 %




Time is money!



7 %

25 %

33 %




Time is money!



7 %

25 %

33 %38 %




Google Test: 400ms

http://radar.oreilly.com/2009/06/bing-and-google-agree-slow-pag.html





Time is money!

Joshua Bixby: The Relationship Between Faster Mobile Sites and Business KPIs: Case Studies from the Mobile Frontier

Bounce Rate

Conversion Rate

Cart Size

PageVenue

200 ms -1,2 %

500 ms - 4,7 % -1,9 % -5,7 %

1000 ms -8,3 % - 3,5 % - 2,1 % -9,4 %


http://velocityconf.com/velocityeu/public/schedule/detail/21632





Und nun?



Und nun?

Und nun?



Und nun?

Los geht‘s!



typo3.org



ab

Benchmarking typo3.org (be patient).....done

Server Software: Apache/1.3.41

Server Hostname: typo3.org

Server Port: 80

Document Path: /

Document Length: 25812 bytes

Concurrency Level: 1

Time taken for tests: 5.156 seconds

Complete requests: 10

Failed requests: 0

Write errors: 0

Total transferred: 263005 bytes

HTML transferred: 258120 bytes

Requests per second: 1.94 [#/sec] (mean)

Time per request: 515.570 [ms] (mean)

Time per request: 515.570 [ms] (mean, across all concurrent requests)

Transfer rate: 49.82 [Kbytes/sec] received



typo3.org



10 %



10 %

10%Samstag, 11. Februar 12


Los gehts!



14 Regeln



14 Regeln

Weniger HTTP Requests



14 Regeln

Weniger HTTP Requests CDN



14 Regeln

Weniger HTTP Requests CDN Expires Header



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen Minify JS



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen Minify JS Redirects vermeiden



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen Minify JS Redirects vermeiden Duplikate vermeiden



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen Minify JS Redirects vermeiden Duplikate vermeiden ETags im Webserver aktivieren



14 Regeln

Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang JS am Ende CSS Expressions vermeiden JS und CSS auslagern Wenige DNS Anfragen Minify JS Redirects vermeiden Duplikate vermeiden ETags im Webserver aktivieren AJAX Antworten klein und cachebar



typo3.org



Tools



Tools

Freie Webdeveloper - Network Tab (lokal) Yslow Plugin (lokal) pagespeed Plugin pagespeed Dienst (remote) DIY Javascript / Google Analytics



Tools

Freie Webdeveloper - Network Tab (lokal) Yslow Plugin (lokal) pagespeed Plugin pagespeed Dienst (remote) DIY Javascript / Google Analytics

Dienste new Relic (remote) keynote systems (remote) gomez (remote) MeasureWorks (remote) dynatrace (remote)



Pagespeed - Daten

Bewertung der Massnahmen Score: Wie gut man die ersten Schritte (14 Regeln) umgesetzt hat Empfehlungen



typo3.org



API auf pagespeed



Ist 44 (Wert von TYPO3.org) gut?




T3AK12 Teilnehmer (laut XING)




T3AK12 Teilnehmer (laut XING)MIN 27




T3AK12 Teilnehmer (laut XING)MIN 27MAX 90




T3AK12 Teilnehmer (laut XING)MIN 27MAX 90Durchschnitt 65




09.02.2012




0

22,5

45

67,5

90

09.02.2012



mod_pagespeed

Apache moduleOptimiert „automatisiert“



mod_pagespeed


Wenig Aufwand Schnelles Ergebnis

pros



mod_pagespeed


Teilweise falschUnvollständig

consWenig Aufwand Schnelles Ergebnis

pros



Und mehr?



Und mehr?

Browser-Optimierungen



Und mehr?

Browser-Optimierungen Test in verschiedenen Browsern



Und mehr?


Firefox



Und mehr?


Firefox Safari



Und mehr?


Firefox Safari ....



Und mehr?


Firefox Safari .... Amazon silk browser



Und mehr?



Von verschiedenen Standorten



Und mehr?



Von verschiedenen Standorten Optimierungen auf Browser der Besucher



Umfrage



Umfrage

Wer erstellt

mobile Webseiten?



Noch mehr?



Noch mehr?

Wenig Rechenleistung Andere Browser Langsame Verbindung



Kontakt

Marketing Factory Consulting GmbH

Marienstraße 14

40212 Düsseldorf

Germany

Tel +49 (0)211 / 36 11 76 - 0

Tel +49 (0)211 / 36 11 76 - 99

[email protected]

twitter: @ISchmittwww.marketing-factory.de




http://www.marketing-factory.de

http://www.marketing-factory.de


Mehr?

http://www.slideshare.net/sthair/web-performance-and-measurement-ukcmg-conference-2011-steve-thair

http://velocityconf.com/velocityeu/public/schedule/proceedings

www.modpagespeed.com












status quo heute - typo3 akademie · marketing factory consulting gmbh – © 2012 10.02.2012...

Documents