The seven layers of website and TYPO3 CMS performance: From frontend to servers

1. TYPO3 Performance

2. Twitter
• @MarcusSchwemer
TYPO3 – Slack
• mschwemer
Blog
• https://typo3worx.eu
Über mich-- Marcus Schwemer
Marcus Schwemer
• Web Developer seit 1996
• TYPO3 seit 2005
• in2code seit 2011
• TYPO3 CMS Certified
Integrator
• TYPO3 CMS Certified
Consultant

3. Extensions
• Content Publisher
• Studiengangsfinder
• Powermail
• FeManager
• Groupdelegation
Über uns -- in2code GmbH

4. It‘s slow, man!

5. Die Performance
Zwiebel

6. Die Performance
Zwiebel

7. Schicht 1: Auslieferung
Browser - / Proxy - Caching

8. Schicht 1: Auslieferung
Browser - / Proxy - Caching
§ Etags

9. Schicht 1: Auslieferung
Browser - / Proxy - Caching
§ Etags
§ Expires-Header

10. Schicht 1: Auslieferung
Browser - / Proxy - Caching
§ Etags
§ Expires-Header
§ Cache-Control-Header

11. Schicht 1: Auslieferung
Browser - / Proxy - Caching
§ Etags
§ Expires-Header
§ Cache-Control-Header
§ TypoScript:
VersionNumberInFileName

12. Schicht 2: Frontend
CDN nutzen

13. Schicht 2: Frontend
CDN nutzen
CSS – Auslieferung

14. Schicht 2: Frontend
CDN nutzen
CSS – Auslieferung
Javascript – Auslieferung

15. Schicht 2: Frontend
CDN nutzen
CSS – Auslieferung
Javascript – Auslieferung
Größe der Website

16. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)

17. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching von Content-Elementen

18. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching von Content-Elementen
TYPO3 Caching optimieren

19. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching von Content-Elementen
TYPO3 Caching optimieren
Logging & Debugging ausschalten

20. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching von Content-Elementen
TYPO3 Caching optimieren
Logging & Debugging ausschalten
TypoScript Optimierung

21. Schicht 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching von Content-Elementen
TYPO3 Caching optimieren
Logging & Debugging ausschalten
TypoScript Optimierung
Verzicht auf MountPoints

22. Schicht 4: Extensions
Auf gecachte Actions setzen

23. Schicht 4: Extensions
Auf gecachte Actions setzen
Caching Framework nutzen

24. Schicht 4: Extensions
Auf gecachte Actions setzen
Caching Framework nutzen
Effizient programmieren

25. Schicht 4: Extensions
Auf gecachte Actions setzen
Caching Framework nutzen
Effizient programmieren
DB - Indizes richtig setzen

26. Schicht 4: Extensions
Auf gecachte Actions setzen
Caching Framework nutzen
Effizient programmieren
DB - Indizes richtig setzen
Tabellenformat auswählen

27. Schicht 5: TYPO3 CMS
Unnötige Erweiterungen raus
Aktuellste TYPO3 Version

28. Schicht 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x

29. Schicht 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x
Unnötige PHP-Module raus

30. Schicht 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x
Unnötige PHP-Module raus
php-fpm vs. mod_php

31. Schicht 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x
Unnötige PHP-Module raus
php-fpm vs. mod_php
PHP-Konfiguration

32. Schicht 6: Services (2)
Opcache nutzen

33. Schicht 6: Services (2)
Opcache nutzen
Mysql - Optimierung

34. Schicht 6: Services (2)
Opcache nutzen
Mysql – Optimierung
HTTP1 vs. HTTP2

35. Schicht 6: Services (2)
Opcache nutzen
Mysql – Optimierung
HTTP1 vs. HTTP2
Apache vs. nginx

36. Schicht 7: Hardware
CPU / RAM

37. Schicht 7: Hardware
CPU / RAM
Trennung
DB- / File- / Web-Server

38. Schicht 7: Hardware
CPU / RAM
Trennung
DB- / File- / Web-Server
Trennung
Redaktion und Frontend

39. Immer noch
am Weinen?

40. Externe Services
Reverse Proxy

41. Externe Services
Reverse Proxy
Load-Balancer

42. Von der Theorie in die Praxis

43. Vielen Dank für Eure Aufmerksamkeit!
in2code GmbH
Marcus Schwemer
marcus.schwemer@in2code.de
https://www.in2code.de
https://typo3worx.eu
Twitter: @MarcusSchwemer

44. Bildnachweis:
Schnecke
* Quelle: https://pixabay.com/de/schnecke-schale-natur-tier-makro-2317913/
Zwiebe ganz:
* Quelle: https://pixabay.com/de/birne-nahaufnahme-gew%C3%BCrznelke-farbe-1238336/
Zwiebel angeschnitten:
* Quelle http://www.freepik.com/index.php?goto=41&idd=337839&url=aHR0cDovL3d3dy5zeGMuaHUvcGhvdG8vOTI0Nzgy
* Lizenz: FreeImages.com Lizenz auf der gleichen Seite
Laptop:
* Quelle: https://pixabay.com/de/laptop-code-programmierung-computer-2557576/
HTML - Code
* Quelle: https://pixabay.com/de/code-programmierung-codierung-web-2434271/
Stifte Und Papier:
* Quelle:https://unsplash.com/collections/973341/service-design?photo=lD6uV03H7fs
* Lizenz: https://unsplash.com/license
Schiene:
* Quelle: https://pixabay.com/de/road-eisenbahn-erweiterung-1361030/
Holzbrücke
* Quelle: https://pixabay.com/de/g%C3%A4ggersteg-naturschutzgebiet-einsam-2378682/
Hardware
* Quelle: https://pixabay.com/en/technology-servers-server-1587673/
Geschnittene Zwiebeln
* Quelle: Marcus Schwemer (eigenes Photo)
Blühende Zwiebel
* Quelle: https://pixabay.com/de/zierlauch-blume-bl%C3%BCte-bl%C3%BChen-2316017/
Feuerwehrleute
* Quelle:https://pixabay.com/de/feuerwehr-training-leben-feuer-696170/
Alle Bilder, die keine explizite Lizenzangabe haben wurden unter der Lizenz CC0 auf Pixabay zur Verfügung gestellt.