Web / TYPO3 Performance is like an onion: Has several layers and makes you cry. I show you the seven layers of TYPO3 performance and give tipps, tricks and anecdotes how to solve these issues.

1. TYPO3 Performance

2. Twitter
• @MarcusSchwemer
TYPO3 – Slack
• mschwemer
Blog
• https://typo3worx.eu
About me -- Marcus Schwemer
Marcus Schwemer
• Web Developer since
1996
• TYPO3 since 2005
• in2code since 2011
• TYPO3 CMS Certified
Integrator (v4)

3. Extensions
• Content Publisher
• Studycourse Finder
• Powermail
• Femanager
• Groupdelegation
About us -- in2code GmbH

4. It‘s slow, man!

5. The Performance
Onion

6. The Performance
Onion

7. Layer 1: Delivery
Browser - / Proxy - Caching

8. Layer 1: Delivery
Browser - / Proxy - Caching
§ Etags

9. Layer 1: Delivery
Browser - / Proxy - Caching
§ Etags
§ Expires-Header

10. Layer 1: Delivery
Browser - / Proxy - Caching
§ Etags
§ Expires-Header
§ Cache-Control-Header

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

12. Layer 2: Frontend
Use a CDN

13. Layer 2: Frontend
Use a CDN
CSS – Files

14. Layer 2: Frontend
Use a CDN
CSS – Files
Javascript – Files

15. Layer 2: Frontend
Use a CDN
CSS – Files
Javascript – Files
Size of the Website

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

17. Layer 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching of content elements

18. Layer 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching of content elements
Optimize TYPO3 caching

19. Layer 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching of content elements
Opitmize TYPO3 caching
Disable logging & debugging

20. Layer 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching of content elements
Opitmize TYPO3 caching
Disable logging & debugging
Optimize TypoScript

21. Layer 3: TYPO3
EXT:nc_staticfilecache
EXT:staticfilecache (V. 8)
Caching of content elements
Opitmize TYPO3 caching
Disable logging & debugging
Optimize TypoScript
Avoid mountpoints

22. Layer 4: Extensions
Use cached actions

23. Layer 4: Extensions
Use cached Actions
Use the caching framework

24. Layer 4: Extensions
Use cached Actions
Use the caching framework
Code efficiently

25. Layer 4: Extensions
Use cached Actions
Use the caching framework
Code efficiently
Use database indices

26. Layer 5: TYPO3 CMS
Remove unused extensions

27. Layer 5: TYPO3 CMS
Remove unused extensions
Use a current TYPO3 version

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

29. Layer 6: Services
PHP 5.4 < PHP 5.6 < PHP 7.x
Remove unused PHP modules

30. Layer 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x
Remove unused PHP modules
php-fpm vs. mod_php

31. Layer 6: Services
PHP 5.4 > PHP 5.6 > PHP 7.x
Remove unused PHP modules
php-fpm vs. mod_php
PHP configuration

32. Layer 6: Services
Use an opcache

33. Layer 6: Services
Use an opcache
Optimize mysql

34. Layer 6: Services
Use an opcache
Optimize mysql
Apache vs. nginx

35. Layer 6: Services
Use an opcache
Optimize mysql
Apache vs. Nginx
HTTP 1.x vs. HTTP 2

36. Layer 7: Hardware
CPU / RAM

37. Layer 7: Hardware
CPU / RAM
Split
DB- / File- / Web-Server

38. Layer 7: Hardware
CPU / RAM
Split DB- / File- / Web-Server
Split backend from frontend

39. Still crying?

40. External Services
Reverse Proxy

41. External Services
Reverse Proxy
Load-Balancer

42. Now it your turn!

43. Thanks for your attention!
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.