Performante TYPO3 Websites · Barrierefreiheit (BITV/WCAG)
Warum Performance bei TYPO3-Websites über Erfolg oder Misserfolg entscheidet
Jürgen Michael Kindler | 19.10.2023 | aktualisiert am 22.06.2026
TYPO3 zählt zu den schnellsten Content-Management-Systemen am Markt. Bereits eine standardmäßig konfigurierte Website profitiert vom internen Cache und lädt zügig.
Doch Geschwindigkeit ist kein Zufall: Sie entsteht durch konsequente Optimierung – und genau hier entscheidet sich, ob eine Website nur „gut genug“ oder wirklich exzellent ist.
Exzellent heißt dabei: schnell und zugänglich – denn BITV-/WCAG-Konformität und Core Web Vitals spielen heute auch bei Ausschreibungen eine wichtige Rolle.
Einführung / Bedeutung der Performance
In vielen Projekten wird Performance erst am Ende gemessen – dann, wenn Inhalte bereits online sind. Dabei ist die Ladezeit längst ein zentrales Qualitätsmerkmal.
Eine schnelle TYPO3-Website sorgt nicht nur für zufriedene Nutzer, sondern verbessert nachweislich auch die Platzierung in der Google-Suche. Entscheidend dafür sind eine klare technische Architektur, effiziente Caching-Strategien und schlanke Templates.
Barrierefreiheit und Performance gehören zusammen: saubere Semantik, klare Struktur und gut lesbare Inhalte helfen nicht nur Screenreader-Nutzenden. Sie reduzieren auch Ballast im Frontend und sorgen dafür, dass Seiten auf allen Geräten schneller geladen und besser verstanden werden.
Barrierefreiheit als Performance-Faktor
Barrierefreiheit ist kein Zusatzthema neben Performance – sie entsteht aus denselben Grundlagen: saubere Semantik, klare Struktur und robuste Bedienbarkeit. Das reduziert unnötige Komplexität und macht Seiten für alle schneller verständlich und zuverlässiger nutzbar.
Typische Stellschrauben, die Performance und BITV/WCAG gleichzeitig verbessern:
- saubere Überschriftenstruktur und Landmarken (Header/Main/Nav/Aside)
- echte Buttons/Links statt „div-klickbar“ (weniger JS, bessere Bedienbarkeit)
- sichtbarer Tastaturfokus und logische Tab-Reihenfolge
- Kontraste, Schriftgrößen und Abstände ohne Layout-Hacks
- aussagekräftige Alt-Texte und sinnvolle Bildformate (WebP/SVG)
- Formulare mit Labels, Fehlerhinweisen und verständlichen Texten
So wird Performance nicht nur gemessen, sondern erlebt – auch mit Screenreader, Tastatur oder auf schwachen Verbindungen.
Vorteile performanter TYPO3 Websites
Kurze Ladezeiten helfen allen – und Barrierefreiheit macht Nutzung planbar: saubere Semantik, logische Überschriften, bedienbare Navigation (Tastatur/Fokus) und robuste Formulare. Das senkt Absprungraten, reduziert Support-Aufwand und verhindert teure Nacharbeiten kurz vor dem Go-live.
Jede Sekunde zählt: Schnelle Seiten führen messbar zu mehr abgeschlossenen Aktionen – ob Kontaktanfrage, Download oder Registrierung.
Wenn eine Website schnell lädt, sind Benutzer eher bereit, auf Links zu klicken, Formulare auszufüllen oder Produkte zu kaufen. Dies führt zu einer höheren Konversionsrate und kann das Umsatzpotenzial einer Website steigern.
Google bewertet Ladezeit als Qualitätsmerkmal. Optimierte TYPO3-Websites ranken langfristig stabiler.
Responsive Images, moderne Bildformate und asynchrones Laden machen TYPO3-Websites auf Smartphones deutlich schneller.
Eine schnell ladende Website funktioniert besser auf verschiedenen Plattformen, Betriebssystemen und Browsern. Dies sorgt dafür, dass Ihre Website für alle Benutzer konsistent und reibungslos läuft.
Durch optimierte Caching-Strategien und schlanken Code bleibt die Website selbst bei hoher Auslastung zuverlässig schnell.
Beispielhafte Messergebnisse aus Kundenprojekten
Beispielhafte Messergebnisse für TYPO3-Websites der Human-Art Computer Systeme GmbH und Juderm:
Die TYPO3 Website von Human Art (Kundenprojekt) zeigt: 100 Punkte bei Google Pagespeed sind möglich!
Auch der Test für den mobilen Viewport (Smartphones) kann sich sehen lassen.
Auch mit dem kommerzielen Tool von GTmetrix schneidet Human Art sehr gut ab.
Die Website von HUMAN ART schneidet auch bei pagespeed.de gut ab.
Unbestechlich und nicht wegzudiskutieren sind die Ergebnisse mit den jeweiligen Webbrowsertools. Hier der Test von www.human-art.de mit dem Googel Chrome Browser (Lasche "Netzwerk" wählen, um das Wasserfalldiagramm sehen zu können).
Auch die Website von JuDerm (Kundenprojekt) hat ein gutes Ergebnis.
Aktualisierung (Stand: Juni 2026)
Als dieser Beitrag ursprünglich entstand, galt noch die Empfehlung, die Anzahl der HTTP-Requests möglichst gering zu halten und CSS- sowie JavaScript-Dateien per TypoScript zusammenzuführen. Das war damals auch sinnvoll.
Inzwischen hat sich die technische Ausgangslage verändert. Moderne Browser können deutlich mehr Dateien parallel laden, und mit HTTP/2 beziehungsweise HTTP/3 werden mehrere Ressourcen über eine einzige Verbindung übertragen. Die reine Anzahl der Requests ist deshalb heute deutlich weniger kritisch als noch vor einigen Jahren.
Auch TYPO3 selbst hat sich weiterentwickelt: Die bisherigen TypoScript-Optionen
config.concatenateCss = 1
config.concatenateJs = 1
config.compressCss = 1
config.compressJs = 1werden ab TYPO3 14 nicht mehr unterstützt. Die Optimierung von CSS- und JavaScript-Dateien wandert stattdessen in den Build-Prozess.
Interessanterweise bin ich selbst noch bis vor Kurzem davon ausgegangen, dass Werkzeuge wie Vite zur Laufzeit auf dem Livesystem benötigt werden. Bei einem kleinen Projekt im letzten Jahr hatte ich zusammen mit meinem Kollegen Marko bereits erste Berührungspunkte damit. Erst im Rahmen meines aktuellen TYPO3-Upgrades wurde mir klar, dass Vite seine Arbeit während des Build-Prozesses erledigt und auf dem Livesystem lediglich die erzeugten, optimierten Assets ausgeliefert werden.
Anders ausgedrückt: Früher versuchte man, möglichst wenige Dateien auszuliefern, und TYPO3 nahm einen Teil der Optimierungen selbst vor. Heute haben sich diese Aufgaben in den Build-Prozess verlagert. Werkzeuge wie Vite erzeugen bereits vor der Auslieferung hochoptimierte Assets, übernehmen Aufgaben wie Minifizierung, Code-Splitting und Tree Shaking und können dadurch sehr effizient auf die jeweilige Produktionsumgebung abgestimmte Bundles erstellen. TYPO3 liefert diese vorbereiteten Assets anschließend nur noch aus.