Schnelle Webapplikationen. Status Quo heute...

Transkript

1 Schnelle Webapplikationen Status Quo heute...

2 Schnelle Webapplikationen Status Quo heute wohin geht die Reise?

3 Ü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

4 Marketing Factory Consulting GmbH

5 T3SAIL Kroatien Marketing Factory Consulting GmbH

6 Marketing Factory Consulting GmbH

7 Umfrage

8 Umfrage Anruf eines Kunden: Die Webseite ist langsam!

9 Marketing Factory Consulting GmbH full image - Fotolia.com

10 Marketing Factory Consulting GmbH

11 Was ist langsam?

12 Was ist langsam? 0.1 Sekunden sofort

13 Was ist langsam? 0.1 Sekunden sofort 1 Sekunde Der Nutzer meint es ist sofort

14 Was ist langsam? 0.1 Sekunden sofort 1 Sekunde Der Nutzer meint es ist sofort 10 Sekunden bleibt der Nutzer aufmerksam

15 Forrester Research * 2012 geschätzt, Quelle Forrester Research 2006,2009

16 Forrester Research * geschätzt, Quelle Forrester Research 2006,2009

17 Forrester Research * 50 % geschätzt, Quelle Forrester Research 2006,2009

18 Forrester Research * 50 % geschätzt, Quelle Forrester Research 2006,2009

19 Forrester Research * 50 % %? geschätzt, Quelle Forrester Research 2006,2009

20 Forrester Research * 50 % %? geschätzt, Quelle Forrester Research 2006,2009

21 Time is money! Quelle: Forrester Research 2010

22 Time is money! Erhöhung der Abbruchrate 7 % 2 bis 4 Sek. 2 bis 6 Sek. 2 bis 8 Sek. 2 bis 10 Sek. Quelle: Forrester Research 2010

23 Time is money! 25 % Erhöhung der Abbruchrate 7 % 2 bis 4 Sek. 2 bis 6 Sek. 2 bis 8 Sek. 2 bis 10 Sek. Quelle: Forrester Research 2010

24 Time is money! 25 % 33 % Erhöhung der Abbruchrate 7 % 2 bis 4 Sek. 2 bis 6 Sek. 2 bis 8 Sek. 2 bis 10 Sek. Quelle: Forrester Research 2010

25 Time is money! 25 % 33 % 38 % Erhöhung der Abbruchrate 7 % 2 bis 4 Sek. 2 bis 6 Sek. 2 bis 8 Sek. 2 bis 10 Sek. Quelle: Forrester Research 2010

26 Google Test: 400ms

27 Time is money! Bounce Rate Conversion Rate Cart Size Page Venue 200 ms -1,2 % 500 ms - 4,7 % -1,9 % -5,7 % 1000 ms -8,3 % - 3,5 % - 2,1 % -9,4 % Joshua Bixby: The Relationship Between Faster Mobile Sites and Business KPIs: Case Studies from the Mobile Frontier

28

29

30 Und nun?

31 Und nun? Und nun?

32 Und nun? Los geht s!

33 Marketing Factory Consulting GmbH madarakis - Fotolia.com

34 typo3.org

35 ab Benchmarking typo3.org (be patient)...done Server Software: Apache/ Server Hostname: typo3.org Server Port: 80 Document Path: / Document Length: bytes Concurrency Level: 1 Time taken for tests: seconds Complete requests: 10 Failed requests: 0 Write errors: 0 Total transferred: bytes HTML transferred: bytes Requests per second: 1.94 [#/sec] (mean) Time per request: [ms] (mean) Time per request: [ms] (mean, across all concurrent requests) Transfer rate: [Kbytes/sec] received

36 typo3.org

37 typo3.org

38 typo3.org

39 10 %

40 10 % 10%

41 Los gehts!

42 14 Regeln

43 14 Regeln Weniger HTTP Requests

44 14 Regeln Weniger HTTP Requests CDN

45 14 Regeln Weniger HTTP Requests CDN Expires Header

46 14 Regeln Weniger HTTP Requests CDN Expires Header GZIP

47 14 Regeln Weniger HTTP Requests CDN Expires Header GZIP CSS am Anfang

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

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

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

51 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

52 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

53 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

54 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

55 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

56 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

57 typo3.org

58 typo3.org

59 Tools

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

61 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)

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

63 typo3.org

64 API auf pagespeed

65 Ist 44 (Wert von TYPO3.org) gut?

66 Ist 44 (Wert von TYPO3.org) gut? T3AK12 Teilnehmer (laut XING)

67 Ist 44 (Wert von TYPO3.org) gut? T3AK12 Teilnehmer (laut XING) MIN 27

68 Ist 44 (Wert von TYPO3.org) gut? T3AK12 Teilnehmer (laut XING) MIN 27 MAX 90

69 Ist 44 (Wert von TYPO3.org) gut? T3AK12 Teilnehmer (laut XING) MIN 27 MAX 90 Durchschnitt 65

70 Ist 44 (Wert von TYPO3.org) gut?

71 Ist 44 (Wert von TYPO3.org) gut? , ,5 0

72 mod_pagespeed Apache module Optimiert automatisiert

73 mod_pagespeed Apache module Optimiert automatisiert pros Wenig Aufwand Schnelles Ergebnis

74 mod_pagespeed Apache module Optimiert automatisiert pros cons Wenig Aufwand Schnelles Ergebnis Teilweise falsch Unvollständig

75 Und mehr?

76 Und mehr? Browser-Optimierungen

77 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern

78 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox

79 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari

80 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari...

81 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari... Amazon silk browser

82 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari... Amazon silk browser Von verschiedenen Standorten

83 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari... Amazon silk browser Von verschiedenen Standorten Optimierungen auf Browser der Besucher

84 Und mehr? Browser-Optimierungen Test in verschiedenen Browsern Firefox Safari... Amazon silk browser Von verschiedenen Standorten Optimierungen auf Browser der Besucher

85 Umfrage

86 Umfrage Wer erstellt mobile Webseiten?

87 Noch mehr?

88 Noch mehr? Wenig Rechenleistung Andere Browser Langsame Verbindung

89 Kontakt Marketing Factory Consulting GmbH Marienstraße Düsseldorf Germany Tel +49 (0)211 / Tel +49 (0)211 / is@marketing-factory.de

90 Mehr?