TYPO3 Performance Optimierung für schnellere TYPO3 Website

Core Web Vitals sind wichtige Performance-Kennzahlen, die zeigen, wie schnell, reaktionsfähig und stabil sich Ihre TYPO3-Website für Nutzer anfühlt. Im Jahr 2026 sollte sich die TYPO3 Core Web Vitals-Optimierung auf LCP, INP, CLS und TTFB konzentrieren, da diese Kennzahlen die Benutzererfahrung, die mobile Performance und die TYPO3 SEO-Performance direkt beeinflussen.

Bei TYPO3-Websites werden schlechte Core Web Vitals häufig durch große Bilder, langsames Hosting, unzureichendes Caching, renderblockierendes CSS, umfangreiches JavaScript, Drittanbieter-Skripte und Verzögerungen in der Datenbank verursacht. Außerdem hat INP FID als wichtigste Kennzahl für die Reaktionsfähigkeit ersetzt, weshalb TYPO3 Performance-Audits jetzt INP anstelle von FID messen sollten.

Core Web Vitals-Kennzahlen für TYPO3

Was Sie zuerst optimieren sollten

Beginnen Sie mit der TYPO3 LCP-Optimierung, indem Sie Hero-Bilder, die Server-Antwortzeit, das Caching und renderblockierendes CSS verbessern. Konzentrieren Sie sich anschließend auf die TYPO3 INP-Optimierung, indem Sie die JavaScript-Belastung reduzieren, ungenutzte Skripte entfernen und nicht kritischen Drittanbieter-Code verzögert laden.

Für eine bessere TYPO3 SEO-Performance sollten Sie diese Kennzahlen vor und nach jeder Optimierung in PageSpeed Insights, Lighthouse, WebPageTest und der Google Search Console überwachen.

Besseres TYPO3-Hosting auswählen

Die Wahl des richtigen Hostings ist ein entscheidender erster Schritt zur Verbesserung der TYPO3-Performance. Die Art des Hostings beeinflusst die Server-Antwortzeit, Skalierbarkeit, Core Web Vitals und die allgemeine Benutzererfahrung. Darüber hinaus spielt der Serverstandort eine wichtige Rolle für die GEO-bezogene Performance.

Entscheidungstabelle für Hosting

Empfehlungen zum Serverstandort

• Zielgruppe in Deutschland/EU: Hosting in Deutschland oder der EU nutzen, um die Latenz zu reduzieren
• Zielgruppe in den USA: US-basierte Server in Kombination mit CDN-Edge-Standorten verwenden
• Globale Zielgruppe: Ein CDN mit mehreren Edge-Standorten einsetzen, um weltweit eine gleichbleibend hohe Geschwindigkeit zu gewährleisten

Tipp: Wählen Sie immer einen Hosting-Tarif, der Performance, Skalierbarkeit und Support ausgewogen kombiniert, um sowohl aktuelle als auch zukünftige TYPO3-Anforderungen zu erfüllen.

Bilder, Größe und Format optimieren

Bilder gehören häufig zu den datenintensivsten Elementen einer TYPO3-Seite und haben einen großen Einfluss auf LCP und die allgemeine Performance. Eine sorgfältige Bildoptimierung kann die Seitenladezeiten und Core Web Vitals erheblich verbessern.

Checkliste zur Bildoptimierung

• Moderne Formate wie WebP und AVIF verwenden, um eine bessere Komprimierung ohne Qualitätsverlust zu erreichen
• Bilder vor dem Hochladen auf die tatsächlichen Anzeigeabmessungen skalieren
• Immer width- und height-Attribute angeben, um Layout-Verschiebungen zu vermeiden
• Responsive Bilder mit srcset für unterschiedliche Bildschirmgrößen implementieren
• Lazy Loading für Bilder unterhalb des sichtbaren Bereichs verwenden, aber Hero- oder LCP-kritische Bilder nicht per Lazy Loading laden
• Bilder komprimieren, um die Dateigröße ohne sichtbaren Qualitätsverlust zu reduzieren
• Für stark frequentierte oder global ausgerichtete TYPO3-Websites ein Bild-CDN verwenden

Beispiel: Lazy Loading in TYPO3 v14

xml

<img src="example.webp" loading="lazy" width="600" height="400" alt="TYPO3 optimiertes Bild">

Profi-Tipp: Allein optimierte Bilder können den LCP auf Mobilgeräten um 1–2 Sekunden reduzieren und dadurch die Core Web Vitals-Werte sowie die Benutzererfahrung deutlich verbessern.

TYPO3-Caching verbessern

Caching ist eine der effektivsten Methoden, um TYPO3-Websites zu beschleunigen. Richtig konfigurierte Caches reduzieren die Serverlast, verbessern TTFB und optimieren die Core Web Vitals.

TYPO3-Standard-Cache

• Lassen Sie den Standard-Cache aktiviert, damit Seiten nicht für jeden Besucher neu generiert werden müssen
• TYPO3 speichert Inhalte und Daten vorübergehend, um Seiten schneller auszuliefern

Statischer Datei-Cache

• HTML-Seiten für eine schnellere Auslieferung vorab rendern
• Ideal für Websites mit hohem Traffic, um die Serververarbeitung zu reduzieren

Redis / Varnish

• Redis: Arbeitsspeicherbasiertes Caching für einen schnellen Datenabruf
• Varnish: HTTP-Beschleuniger für Websites mit hohem Traffic, um vorgerenderte Seiten effizient auszuliefern

Cache-Leerung

• Frontend-Cache nach Inhaltsaktualisierungen leeren
• Alle Caches nach Systemaktualisierungen oder größeren Konfigurationsänderungen leeren

Profi-Tipp: Regelmäßige Cache-Audits stellen sicher, dass Ihre TYPO3-Website auch nach dem Hinzufügen neuer Inhalte, Extensions oder Design-Updates schnell bleibt.

CSS und JavaScript für TYPO3 v14 optimieren

Die Optimierung von CSS und JavaScript ist wichtig, um die Frontend-Geschwindigkeit von TYPO3, die Core Web Vitals und die mobile Performance zu verbessern.

In TYPO3 v14 sollte die Asset-Optimierung über moderne Build-Tools oder eine auf Extensions basierende Asset-Pipeline erfolgen, anstatt sich auf alte TypoScript-Einstellungen für Verkettung und Komprimierung zu verlassen.

Warnhinweis zur Asset-Optimierung in TYPO3 v14

TYPO3 v14 hat die Verkettung und Komprimierung von Frontend-Assets aus dem TYPO3 Core entfernt. Verwenden Sie für v14-Projekte einen modernen Build-Prozess oder eine auf Extensions basierende Asset-Pipeline, anstatt sich auf entfernte TypoScript-Optionen zu verlassen.

Checkliste zur CSS- und JavaScript-Optimierung

• Ungenutztes CSS aus Templates, Extensions und alten Frontend-Komponenten entfernen
• CSS und JavaScript mit Build-Tools wie Vite, Webpack oder Rollup minimieren
• Einen TYPO3-kompatiblen Asset-Workflow wie Vite AssetCollector verwenden, sofern geeignet
• Nicht kritisches JavaScript verzögert laden, damit es das Rendern der Seite nicht blockiert
• JavaScript nach Möglichkeit im Footer laden
• Drittanbieter-Skripte wie Chat-Widgets, Tracking-Codes, Karten und eingebettete Tools prüfen
• Auf besonders wichtigen Seiten wie Serviceseiten, Landingpages und Conversion-Seiten nur notwendige Skripte beibehalten
• INP und TBT nach dem Entfernen oder verzögerten Laden von JavaScript testen

Was Sie in TYPO3 v14 vermeiden sollten

Verlassen Sie sich nicht auf alte TypoScript-Einstellungen wie:

text

config.compressCss = 1

config.concatenateCss = 1

config.compressJs = 1

config.concatenateJs = 1

Diese Optionen sind für TYPO3 v14 veraltet und sollten durch einen modernen Frontend-Build-Prozess ersetzt werden.

Gzip- oder Brotli-Komprimierung aktivieren

Gzip- und Brotli-Komprimierung reduzieren die Größe von HTML-, CSS-, JavaScript-, JSON- und anderen textbasierten Dateien, bevor sie an den Browser übertragen werden. Dies trägt zur Verbesserung der TYPO3-Serveroptimierung, der Seitengeschwindigkeit und der Ladeperformance bei, insbesondere für mobile Nutzer und langsamere Netzwerke.

In TYPO3 v14 sollte die Komprimierung von Antworten durch den Webserver oder das CDN erfolgen und nicht durch TYPO3 selbst. Die TYPO3-Dokumentation weist darauf hin, dass die HTTP-Komprimierung von Frontend-Antworten entfernt wurde und auf Webserver-Ebene umgesetzt werden sollte.

Vergleichstabelle zur Komprimierung

Schritte zur Überprüfung

• Response-Header prüfen, um zu bestätigen, dass die Komprimierung aktiv ist
• Seiten mit GTmetrix oder WebPageTest testen
• Sicherstellen, dass HTML-, CSS-, JS- und JSON-Dateien komprimiert werden
• Die übertragene Dateigröße vor und nach der Komprimierung vergleichen
• Brotli verwenden, sofern unterstützt, Gzip jedoch als Fallback beibehalten

Beispiel für den Fokus auf Server-Ebene: Konfigurieren Sie die Komprimierung für TYPO3 v14 auf Apache-, Nginx-, CDN- oder Hosting-Ebene. Verlassen Sie sich für die Frontend-Ausgabe nicht auf die Response-Komprimierung des TYPO3 Core.

Ein CDN für eine schnellere globale TYPO3-Performance verwenden

Ein CDN trägt zur Verbesserung der globalen TYPO3-Performance bei, indem statische Dateien von Standorten ausgeliefert werden, die näher am jeweiligen Besucher liegen. Dies ist besonders nützlich für internationale Websites, mehrsprachige TYPO3-Websites und Unternehmen, die Nutzer in Deutschland, Europa, den USA oder auf weltweiten Märkten ansprechen.

Vorteile eines CDN für TYPO3

• Liefert Dateien von Standorten aus, die näher am jeweiligen Besucher liegen
• Reduziert die Ladezeit für internationale Nutzer
• Speichert statische Ressourcen wie Bilder, CSS, JavaScript, Schriftarten und Dokumente im Cache
• Hilft bei der Bewältigung von Traffic-Spitzen während Kampagnen oder stark frequentierten Zeiträumen
• Verbessert die globale TYPO3-Performance durch die Reduzierung der Latenz
• Unterstützt eine bessere mobile Performance für Nutzer, die weit vom Ursprungsserver entfernt sind
• Kann den LCP verbessern, indem Bilder und Frontend-Assets schneller ausgeliefert werden

CDN-Beispiele für TYPO3

TYPO3-Datenbank und langsame Abfragen bereinigen

Eine langsame TYPO3-Datenbank erhöht die Server-Antwortzeit und verzögert das Rendern der Seiten. Erstellen Sie vor Änderungen an der Datenbank immer ein vollständiges Backup und testen Sie die Änderungen zuerst in einer Staging-Umgebung.

Konzentrieren Sie sich darauf, nicht verwendete Daten zu entfernen, alte Protokolle zu reduzieren, MySQL-/MariaDB-Tabellen zu optimieren und langsame Abfragen zu identifizieren.

Nicht verwendete Daten entfernen

Entfernen Sie veraltete Datensätze, die die Größe der Datenbank erhöhen:

• Alte Protokolle und Revisionen
• Nicht verwendete Datensätze und abgelaufene Cache-Einträge
• Gelöschte Datensätze, die sich noch in der Datenbank befinden
• Nicht verwendete Extension-Daten

Tabellen optimieren

Große oder fragmentierte Tabellen verlangsamen den Abruf von Inhalten:

• Große Datenbanktabellen überprüfen
• MySQL-/MariaDB-Tabellen bei Bedarf optimieren
• Nach fehlenden Indizes für häufig abgefragte Felder suchen
• Datenbankgröße nach der Bereinigung überwachen
• Frontend- und Backend-Performance nach der Optimierung testen

Langsame Abfragen identifizieren

Langsame Abfragen treten häufig auf, wenn Extensions komplexe Datenbankabfragen erzeugen:

• Abfrageprotokolle und Profiling-Tools verwenden
• Abfragen mit langen Ausführungszeiten identifizieren
• Wiederholte Abfragen auf derselben Seite finden
• Durch Extensions verursachte langsame Abfragen erkennen
• Abfragen mit ineffizienten Filtern optimieren

Protokolle regelmäßig bereinigen

Erstellen Sie einen monatlichen Wartungsplan:

• Alte Systemprotokolle entfernen
• Veraltete Datensätze bereinigen
• Extension-Tabellen überprüfen
• Datenbankgröße kontrollieren
• Protokolle langsamer Abfragen überwachen
• TTFB und Backend-Geschwindigkeit erneut testen

PHP OPcache für TYPO3 konfigurieren

PHP OPcache speichert vorkompilierten PHP-Code im Arbeitsspeicher, reduziert dadurch die Kompilierungsprozesse und verbessert die Antwortzeit. Aktivieren Sie OPcache auf Ihrem Webserver, um deutliche Performance-Verbesserungen zu erzielen.

OPcache-Checkliste

• Mit phpinfo() prüfen, ob OPcache aktiviert ist
• TYPO3-kompatible PHP-Version bestätigen (8.2, 8.3, 8.4 oder 8.5 für v14)
• Grundlegende OPcache-Konfiguration in php.ini überprüfen
• Webserver nach Änderungen neu starten
• TTFB nach der Aktivierung von OPcache erneut testen
• Hosting-Anbieter kontaktieren, wenn Sie keinen Serverzugriff haben

Grundlegendes php.ini-Beispiel

text

opcache.enable=1

opcache.memory_consumption=256

opcache.max_accelerated_files=20000

opcache.validate_timestamps=1

opcache.revalidate_freq=30

Hinweis: Möglicherweise ist Server- oder Administratorzugriff erforderlich. Bei Managed Hosting sollten Sie Ihren Anbieter bitten, zu bestätigen, dass OPcache aktiviert ist.

TYPO3 Extensions optimieren

Langsame oder veraltete Extensions beeinträchtigen die Frontend-Geschwindigkeit, Backend-Performance, INP, TTFB und die Datenbank-Antwortzeit. Beziehen Sie die Optimierung von Extensions in jedes Performance-Audit ein.

Checkliste zur Optimierung von Extensions

• Nicht verwendete Extensions entfernen
• Veraltete Extensions aktualisieren
• Ressourcenintensive Frontend-Extensions vermeiden
• Auf unnötiges CSS/JavaScript prüfen
• Datenbankabfragen im Zusammenhang mit Extensions überprüfen
• Performance vor und nach dem Deaktivieren ressourcenintensiver Extensions testen
• Admin Panel und Profiling-Tools verwenden, um Probleme zu identifizieren
• Vor einem Upgrade die Kompatibilität mit v14 prüfen
• Auf Landingpages nur geschäftskritische Extensions verwenden

Häufige Probleme mit Extensions

Problem	Auswirkung auf die Performance
Ressourcenintensive Frontend-Assets	Schlechte LCP-, INP- und TBT-Werte
Nicht optimierte Abfragen	Höherer TTFB
Veraltete Extensions	Kompatibilitäts-/Geschwindigkeitsprobleme
Zu viele aktive Extensions	Höhere Serverlast

Mobile-First-Geschwindigkeitsoptimierung für TYPO3

Mobile Performance ist im Jahr 2026 entscheidend. Langsame mobile Seiten führen zu schlechten Core Web Vitals und schwächeren SEO-Ergebnissen.

Checkliste zur mobilen Optimierung

• Hero-Bild für mobile Geräte optimieren
• Responsive Bilder mit srcset verwenden
• JavaScript auf mobilen Geräten reduzieren
• Critical CSS für Inhalte oberhalb des sichtbaren Bereichs verwenden
• Layout-Verschiebungen auf mobilen Geräten vermeiden
• width-/height-Attribute zu Bildern hinzufügen
• Das Laden von Medien in Desktop-Größe auf mobilen Geräten vermeiden
• Mobile Core Web Vitals separat testen
• Den mobilen PageSpeed-Wert priorisieren

Prioritäten für die mobile Performance

Bereich	Was verbessert werden sollte	Warum es wichtig ist
Hero-Bild	Komprimiertes Bild in mobiler Größe	Verbessert LCP
JavaScript	Nicht kritisches JS entfernen/verzögern	Verbessert INP/TBT
Layout	Platz für Bilder/Banner reservieren	Verbessert CLS
Server-Antwort	Hosting/Cache/OPcache verbessern	Verbessert TTFB
Responsive Bilder	Korrekte Größen entsprechend der Bildschirmbreite	Reduziert die mobile Datenmenge

TYPO3 SEO und Performance: Wie Geschwindigkeit Rankings beeinflusst

Die Geschwindigkeit einer TYPO3-Website beeinflusst SEO, Benutzererfahrung und Nutzerinteraktion direkt. Schnellere Websites verbessern die Crawl-Effizienz, reduzieren Absprungraten und stärken die Core Web Vitals-Signale.

SEO-Auswirkungen der Geschwindigkeit

• Bessere Core Web Vitals → verbesserte UX-Signale
• Schnellere Seiten → verbesserte Crawl-Effizienz
• Geringere Absprungrate → höhere Nutzerinteraktion
• Core Web Vitals über die Google Search Console überwachen
• Impressionen, Klicks, CTR und Rankings nach Optimierungen verfolgen

TYPO3 Performance-Überwachung und erneutes Testen

Regelmäßige Überwachung stellt sicher, dass die Verbesserungen der TYPO3-Performance dauerhaft erhalten bleiben.

Überwachungsplan

Häufigkeit	Was überprüft werden sollte
Wöchentlich	PageSpeed, Verfügbarkeit, besonders langsame Seiten
Monatlich	Core Web Vitals, CDN-/Cache-Status, Bildgröße
Vierteljährlich	Hosting, Datenbank, Extensions, technisches SEO

Monitoring-Tools

PageSpeed Insights, Search Console, GTmetrix, WebPageTest, Lighthouse, Server-Protokolle, TYPO3 Admin Panel

Häufige TYPO3 Performance-Probleme und Lösungen

Problem	Wahrscheinliche Ursache	Lösung
Hoher TTFB	Schlechtes Hosting/kein Cache	Hosting + Cache verbessern
Schlechter LCP	Großes Hero-Bild	Bilder komprimieren + vorladen
Schlechter INP	Umfangreiches JS	JS reduzieren/verzögert laden
Hoher CLS	Fehlende Bildabmessungen	Abmessungen/reservierten Platz hinzufügen
Langsames Backend	Aufgeblähte Datenbank/Extensions	Datenbank bereinigen + Extensions prüfen
Langsame Performance für globale Nutzer	Server ist weit entfernt	CDN verwenden

TYPO3 v14 Performance-Hinweise

• TYPO3 v14 ist aktuell (2026)
• Verkettung/Komprimierung von Frontend-Assets wurde entfernt
• Moderne Build-Tools oder auf Extensions basierende Workflows verwenden
• Altes TypoScript vor der Anwendung auf v14 erneut überprüfen
• Extensions auf Kompatibilität mit v14 prüfen
• Performance nach jedem v14-Upgrade testen

Praxisbeispiel zur TYPO3 Performance / Mini-Fallstudie

Kennzahl	Vorher	Nachher
Mobiler PageSpeed	42	86
LCP	5,1 s	2,2 s
INP	310 ms	160 ms
TTFB	1,2 s	280 ms
Seitengröße	4,8 MB	1,6 MB

Umgesetzte Änderungen: Hosting-Upgrade, Cache aktiviert, Bildkomprimierung, CDN hinzugefügt, JS-Bereinigung, Datenbankoptimierung

Fazit

Beginnen Sie noch heute mit der Optimierung Ihrer TYPO3-Website, indem Sie zunächst PageSpeed und Core Web Vitals testen und anschließend Hosting, Cache, Bilder, Assets und Datenbank in dieser Reihenfolge verbessern. Überwachen Sie die Core Web Vitals regelmäßig und optimieren Sie Ihre Website nach jedem TYPO3-Update weiter.

Für geschäftskritische Websites empfiehlt sich professionelle Unterstützung bei der TYPO3 Performance-Optimierung. Wenn Sie fachkundige Hilfe benötigen, ziehen Sie unser TYPO3 Upgrade Kit oder unseren TYPO3 Upgrade Service für reibungslose Versionsmigrationen und Performance-Verbesserungen in Betracht.

Mit diesen Maßnahmen können Sie eine schnellere und zuverlässigere TYPO3-Website aufbauen, die durch effektive TYPO3 Performance-Optimierung eine bessere Benutzererfahrung und stärkere SEO-Ergebnisse bietet.