TYPO3 mit Astro beschleunigen
Die redaktionellen Stärken von TYPO3. Die Performance eines modernen statischen Frontends.
TYPO3-Performance prüfen lassen
TYPO3 ist ein leistungsfähiges Content-Management-System. Trotzdem muss nicht bei jedem Seitenaufruf auch das komplette TYPO3-Frontend arbeiten.
Mit Astro trennen wir die Inhaltspflege von der öffentlichen Auslieferung: Ihre Redaktion arbeitet weiterhin im vertrauten TYPO3-Backend. Astro übernimmt die Inhalte und erzeugt daraus hochperformante Webseiten, die als fertiges HTML ausgeliefert werden können.
Das Ergebnis:
- deutlich kürzere Ladezeiten
- sehr geringe Serverlast
- weniger JavaScript im Browser
- gute Voraussetzungen für starke Core Web Vitals
- ein vom öffentlichen Frontend getrenntes TYPO3-System
- weiterhin professionelle Inhaltspflege mit TYPO3
TYPO3 bleibt. Die langsame Auslieferung muss es nicht.
Übrigens: Die Seite, die Sie gerade lesen, wird selbst von Astro ausgeliefert. Wie gut das funktioniert, können Sie live bei Google PageSpeed nachmessen — die Analyse dauert etwa eine Minute.
Sie müssen TYPO3 nicht ersetzen, um schneller zu werden
Bei einer langsamen TYPO3-Website liegt das Problem häufig nicht im Content-Management-System selbst.
Oft entsteht die Verzögerung erst durch das Zusammenspiel aus:
- umfangreicher Frontend-Logik
- dynamisch erzeugten Seiten
- vielen Extensions und Plugins
- komplexen Datenbankabfragen
- großen CSS- und JavaScript-Paketen
- unzureichendem Caching
- langsamen Drittanbieter-Diensten
- historisch gewachsenen Templates
Eine mögliche Lösung besteht darin, TYPO3 weiterhin für die zentrale Inhaltsverwaltung zu nutzen, die öffentliche Website aber mit Astro neu aufzubauen.
So bleiben Seitenbaum, Mehrsprachigkeit, Benutzerrechte, Workspaces, Medienverwaltung und redaktionelle Abläufe in TYPO3 erhalten. Besucher erhalten gleichzeitig ein modernes, schlankes und besonders schnelles Frontend.
Kann man Astro und TYPO3 verbinden?
Ja. Astro und TYPO3 lassen sich über einen Headless-Ansatz miteinander verbinden.
TYPO3 übernimmt dabei die Rolle des Content-Management-Systems. Texte, Bilder, Seitenstrukturen, News und weitere Inhalte werden weiterhin im TYPO3-Backend gepflegt.
Eine Schnittstelle stellt diese Inhalte strukturiert zur Verfügung. Astro ruft die Daten ab, ordnet sie den passenden Komponenten zu und erzeugt daraus die öffentliche Website.
Die Aufgabenverteilung
TYPO3 verwaltet die Inhalte
Redakteure arbeiten weiterhin mit Seitenbaum, Inhaltselementen, Dateiverwaltung, Übersetzungen, Freigaben und Benutzerrechten.
Die Schnittstelle liefert strukturierte Daten
TYPO3 gibt die benötigten Inhalte beispielsweise über eine Headless-Extension oder eine projektspezifische API als JSON aus.
Astro erzeugt das Frontend
Astro verarbeitet die Daten und rendert daraus HTML-Seiten, Navigationen, Teaser, News, Bildergalerien und weitere Komponenten.
Webserver oder CDN liefern die fertigen Seiten aus
Bei einer statischen Architektur muss TYPO3 bei einem normalen Seitenaufruf nicht mehr kontaktiert werden. Der Besucher erhält direkt die bereits vorbereiteten Dateien.
So wird aus TYPO3 eine statisch ausgelieferte Website
Der typische Ablauf besteht aus vier Schritten:
Inhalte in TYPO3 pflegen
Die Redaktion erstellt und bearbeitet Seiten wie gewohnt im TYPO3-Backend. Bestehende redaktionelle Prozesse müssen nicht grundsätzlich verändert werden.
Inhalte über eine API bereitstellen
TYPO3 liefert die veröffentlichten Inhalte in einem strukturierten Datenformat. Dabei können Seiten, Inhaltselemente, Navigationen, Metadaten, Medien und Übersetzungen berücksichtigt werden.
Website mit Astro erzeugen
Astro ruft die Daten während des Build-Prozesses ab und erzeugt daraus fertige HTML-, CSS- und JavaScript-Dateien.
Fertige Seiten ausliefern
Die erzeugten Dateien werden über einen Webserver oder ein CDN bereitgestellt. Beim eigentlichen Seitenaufruf sind normalerweise weder ein PHP-Prozess noch eine Datenbankabfrage erforderlich.
Der Besucher wartet nicht darauf, dass die Seite erst noch zusammengesetzt wird. Sie ist bereits fertig.
Warum Astro die TYPO3-Performance steigern kann
Fertiges HTML statt wiederholter Seitengenerierung
Bei einer statisch erzeugten Website liegt das HTML bereits vor. Der Server muss die Seite nicht bei jedem Aufruf erneut aus verschiedenen Datenbankinhalten, Templates und Plugins zusammensetzen.
Weniger Arbeit für den Webserver
Der öffentliche Server liefert überwiegend Dateien aus. Das reduziert die Rechenlast und erleichtert die Skalierung bei steigenden Besucherzahlen oder kurzfristigen Zugriffsspitzen.
Weniger JavaScript im Browser
Astro eignet sich für Webseiten, bei denen der größte Teil der Inhalte ohne umfangreiche clientseitige Anwendungen auskommt. Interaktive Komponenten können gezielt ergänzt werden, ohne automatisch das gesamte Frontend mit JavaScript zu überladen.
Schnelle weltweite Auslieferung
Statische Dateien können effizient über ein Content Delivery Network verteilt werden. Besucher erhalten die Inhalte dadurch von einem geografisch günstigen Serverstandort.
Stabile Performance bei hohem Traffic
Eine fertige HTML-Seite benötigt pro Aufruf erheblich weniger serverseitige Verarbeitung als ein vollständig dynamisch erzeugtes Dokument. Das kann gerade bei Kampagnen, Presseveröffentlichungen und Zugriffsspitzen ein wichtiger Vorteil sein.
Klassisches TYPO3 oder TYPO3 mit Astro?
| Kriterium | Klassisches TYPO3-Frontend | TYPO3 mit Astro-Frontend |
|---|---|---|
| Inhaltspflege | Direkt in TYPO3 | Weiterhin in TYPO3 |
| Seitenauslieferung | Dynamisch oder aus TYPO3-Caches | Statisch, dynamisch oder kombiniert |
| Serverzugriffe | TYPO3 wird regelmäßig angesprochen | Bei statischen Seiten kein TYPO3-Aufruf erforderlich |
| Datenbankzugriffe | Abhängig von Cache und Seitenlogik | Bei statischer Auslieferung nicht während des Seitenaufrufs |
| JavaScript | Abhängig vom bestehenden Frontend | Sehr gezielt einsetzbar |
| Zugriffsspitzen | Benötigen passende Server- und Cachekapazitäten | Statische Dateien lassen sich sehr gut skalieren |
| Redaktionsvorschau | TYPO3-Standard | Muss für das Astro-Frontend eingerichtet werden |
| TYPO3-Extensions | Können direkt rendern | Ausgabe muss in das neue Frontend integriert werden |
| Entwicklungsaufwand | Bei bestehendem Frontend geringer | Höherer initialer Architektur- und Komponentenaufwand |
| Flexibilität | Stark innerhalb des TYPO3-Stacks | Sehr hohe Freiheit im Frontend |
Wichtig ist: Auch ein klassisch aufgebautes TYPO3-System kann sehr schnell sein. Astro ist keine zwingende Voraussetzung für gute Performance.
Die Headless-Architektur lohnt sich vor allem dann, wenn die Anforderungen des Projekts ihren zusätzlichen Entwicklungsaufwand rechtfertigen.
Wann lohnt sich TYPO3 mit Astro?
Die Kombination ist besonders interessant für Websites, die:
- überwiegend aus redaktionellen Inhalten bestehen
- sehr gute Ladezeiten erreichen sollen
- international oder über ein CDN ausgeliefert werden
- regelmäßig hohe Zugriffsspitzen bewältigen müssen
- langfristig ein unabhängiges Frontend benötigen
- Inhalte zusätzlich in Apps oder anderen Kanälen verwenden
- ein modernes komponentenbasiertes Designsystem erhalten sollen
- TYPO3 als professionelle Redaktionsplattform behalten möchten
Typische Einsatzbereiche sind:
- Unternehmenswebsites
- Verbands- und Organisationsseiten
- Hochschul- und Bildungsportale
- Produkt- und Markenwebsites
- internationale Multidomain-Auftritte
- Content-Portale und Magazine
- Kampagnen- und Informationsplattformen
- Websites mit besonders hohen Performance-Anforderungen
Wann ist Astro für TYPO3 nicht automatisch die beste Lösung?
Wir empfehlen Astro nicht allein deshalb, weil es modern klingt.
Bei kleinen Websites oder bereits gut optimierten TYPO3-Installationen kann ein klassisches Frontend wirtschaftlicher und technisch vollkommen ausreichend sein.
Auch stark dynamische Anwendungen müssen genauer betrachtet werden. Dazu gehören beispielsweise:
- umfangreiche geschützte Benutzerbereiche
- stark personalisierte Inhalte
- komplexe Echtzeitsuchen
- große Portale mit vielen individuellen Filtern
- Anwendungen mit zahlreichen formularbasierten Prozessen
- Funktionen, die auf TYPO3-Frontend-Sessions angewiesen sind
- sehr häufig wechselnde Daten mit sofortiger Veröffentlichungspflicht
Solche Anforderungen schließen Astro nicht aus. Häufig ist dann jedoch eine kombinierte Architektur sinnvoller als eine vollständig statische Website.
Deshalb beginnt ein Astro-Projekt bei uns nicht mit dem Framework, sondern mit einer Analyse.
Statisch, dynamisch oder kombiniert?
Astro muss nicht für jede Seite identisch eingesetzt werden.
Static Site Generation
Der überwiegende Teil der Website wird im Voraus erzeugt und als fertiges HTML ausgeliefert.
Das eignet sich besonders für:
- Inhaltsseiten
- Leistungsseiten
- Landingpages
- News und Fachartikel
- Standortseiten
- Team- und Profilseiten
- Produktinformationen
Dynamische Auslieferung
Bestimmte Seiten werden erst bei einer Anfrage serverseitig erzeugt.
Das kann beispielsweise für geschützte, personalisierte oder sehr aktuelle Inhalte notwendig sein.
Gezielte interaktive Komponenten
Einzelne Funktionen können als interaktive Komponenten in eine ansonsten statische Seite eingebunden werden.
Dazu können gehören:
- Filter
- Rechner
- Formulare
- Karten
- Terminbuchungen
- Suchfunktionen
- Konfiguratoren
- interaktive Diagramme
In vielen Projekten entsteht die beste Lösung aus einer Kombination: so viel statisch wie möglich, so viel Dynamik wie erforderlich.
Was passiert, wenn ein Redakteur in TYPO3 auf „Speichern“ klickt?
Bei einer statischen Website müssen veröffentlichte Änderungen in das Astro-Frontend übernommen werden.
Dafür richten wir einen automatisierten Veröffentlichungsprozess ein:
- Ein Inhalt wird in TYPO3 geändert und veröffentlicht.
- TYPO3 löst einen Build-Prozess oder eine Veröffentlichungsaufgabe aus.
- Astro ruft die aktuellen Inhalte ab.
- Die betroffenen Seiten werden neu erzeugt.
- Die aktualisierte Version wird automatisch bereitgestellt.
- Nach erfolgreicher Veröffentlichung wird die neue Seite öffentlich ausgeliefert.
Je nach Projekt kann der Prozess unmittelbar nach einer Änderung, zeitgesteuert oder gesammelt erfolgen.
Für umfangreiche Websites prüfen wir zusätzlich, ob nur betroffene Seiten und Bereiche aktualisiert werden können. So lassen sich Veröffentlichungszeiten und Serverressourcen weiter optimieren.
Bleibt die TYPO3-Vorschau erhalten?
Eine redaktionelle Vorschau ist auch mit einem Astro-Frontend möglich. Sie muss jedoch gezielt für die getrennte Architektur eingerichtet werden.
Dabei erhält ein Redakteur eine Vorschauversion der Seite, obwohl der Inhalt noch nicht öffentlich veröffentlicht wurde.
Mögliche Bestandteile sind:
- geschützte Vorschau-URLs
- zeitlich begrenzte Vorschau-Token
- Berücksichtigung ausgeblendeter Seiten
- Vorschau verschiedener Sprachen
- Darstellung noch nicht veröffentlichter Inhaltselemente
- separate Preview-Umgebung
- Verbindung mit TYPO3-Workspaces
Gerade bei größeren Redaktionsteams sollte die Vorschau von Beginn an Teil der Architektur sein und nicht erst am Ende des Projekts ergänzt werden.
Was passiert mit Formularen, Suche und News?
Headless bedeutet nicht, dass alle TYPO3-Funktionen verloren gehen. Sie werden jedoch nicht mehr automatisch durch die bisherigen Fluid-Templates dargestellt.
TYPO3-Formulare
Formulardefinitionen können weiterhin aus TYPO3 stammen. Das Astro-Frontend übernimmt die sichtbare Darstellung und übermittelt die Daten an die vorgesehene Verarbeitung.
Validierung, Spam-Schutz, Datenschutz, Bestätigungsseiten und E-Mail-Versand müssen dabei vollständig berücksichtigt werden.
News
Nachrichten und Artikel können über eine passende Schnittstelle an Astro übertragen und dort als Übersichten, Detailseiten, Kategorien und Teaser ausgegeben werden.
Besondere Aufmerksamkeit benötigen:
- URLs
- Pagination
- Kategorien
- Veröffentlichungszeiten
- Canonicals
- XML-Sitemaps
- Weiterleitungen
- strukturierte Daten
Suche
Für kleinere Websites kann ein statischer Suchindex erzeugt werden. Bei größeren Datenmengen lassen sich externe oder bestehende Suchsysteme wie Solr, Meilisearch oder andere Suchdienste anbinden.
Geschützte Bereiche
Login-Bereiche benötigen in der Regel eine dynamische Authentifizierung und eine sichere Verbindung zwischen Frontend, TYPO3 und gegebenenfalls weiteren Systemen.
Ist TYPO3 mit Astro sicherer?
Eine getrennte Architektur kann die öffentlich sichtbare Angriffsfläche reduzieren.
Bei einer statischen Auslieferung greifen normale Besucher nicht direkt auf die TYPO3-Seitengenerierung und Datenbank zu. Das öffentliche Frontend besteht weitgehend aus vorbereiteten Dateien.
TYPO3 kann separat betrieben und technisch stärker abgeschottet werden. Je nach Architektur muss lediglich die für Builds oder dynamische Funktionen benötigte Schnittstelle erreichbar sein.
Das ersetzt jedoch kein Sicherheitskonzept.
Auch bei einer Headless-Architektur müssen unter anderem berücksichtigt werden:
- regelmäßige TYPO3-Updates
- abgesicherte Schnittstellen
- sichere Build-Pipelines
- Zugriffsschutz für Vorschauen
- Schutz von Zugangsdaten und API-Schlüsseln
- Content Security Policy
- sichere Formularverarbeitung
- Logging und Monitoring
- Backup- und Wiederherstellungskonzepte
Statische Auslieferung reduziert mögliche Angriffswege. Sie macht ein Projekt nicht automatisch unangreifbar.
Ist Astro gut für TYPO3-SEO?
Astro kann sehr gute technische Voraussetzungen für Suchmaschinenoptimierung schaffen.
Dazu gehören:
- schnell verfügbares HTML
- geringer JavaScript-Bedarf
- kurze Ladezeiten
- kontrollierbarer Quellcode
- optimierte Bilder
- saubere Meta-Daten
- strukturierte Daten
- individuelle Canonicals
- sprechende URLs
- XML-Sitemaps
- gute mobile Performance
Die Technik allein erzeugt jedoch noch keine Rankings.
Für eine erfolgreiche Umstellung müssen bestehende SEO-Signale vollständig erhalten bleiben. Besonders wichtig sind:
- unveränderte oder sauber weitergeleitete URLs
- vollständige Übernahme aller indexierbaren Inhalte
- korrekte Statuscodes
- Erhalt interner Verlinkungen
- Canonicals und Sprachverweise
- Meta Titles und Meta Descriptions
- strukturierte Daten
- robots.txt und XML-Sitemaps
- Bild-URLs und Alt-Texte
- kontrollierter Umgang mit Pagination und Filtern
- Monitoring nach dem Livegang
Ein unvollständig geplanter Relaunch kann auch mit einer technisch schnellen Website Rankings verlieren.
Deshalb betrachten wir Performance und SEO niemals getrennt voneinander.
Unser Vorgehen bei TYPO3-Astro-Projekten
1. TYPO3- und Performance-Analyse
Wir untersuchen die bestehende Website, ihre Templates, Extensions, Schnittstellen, Seitentypen und redaktionellen Prozesse.
Dabei klären wir zuerst, ob Astro überhaupt den größten wirtschaftlichen Nutzen bringt oder ob eine Optimierung des bestehenden TYPO3-Frontends sinnvoller ist.
2. Architektur und Rendering-Strategie
Wir legen fest, welche Bereiche statisch, dynamisch oder interaktiv umgesetzt werden.
Dabei berücksichtigen wir:
- Veröffentlichungsfrequenz
- Websiteumfang
- Mehrsprachigkeit
- Multidomain-Anforderungen
- Vorschau und Workspaces
- Formulare
- Suche
- Login-Funktionen
- externe Schnittstellen
- Hosting und Datenschutz
3. TYPO3-Schnittstelle
Wir definieren ein stabiles Datenmodell für Seiten, Navigationen, Inhaltselemente, Medien, News und Metadaten.
Bestehende individuelle Content-Elemente können dabei gezielt berücksichtigt werden.
4. Astro-Komponenten
Für jeden benötigten Inhaltstyp entsteht eine wiederverwendbare Frontend-Komponente.
Daraus entwickelt sich ein konsistentes Komponenten- und Designsystem, das unabhängig von den bisherigen Fluid-Templates weiterentwickelt werden kann.
5. Build- und Veröffentlichungsprozess
Wir verbinden TYPO3 mit der Build-Pipeline und richten automatisierte Deployments, Vorschauen, Fehlerbehandlung und Monitoring ein.
6. SEO-Migration und Qualitätssicherung
Vor dem Livegang prüfen wir URLs, Weiterleitungen, Metadaten, strukturierte Daten, Sitemaps, interne Links, Formulare, Tracking und alle relevanten Seitentypen.
7. Betrieb und Weiterentwicklung
Auf Wunsch betreuen wir TYPO3, Astro, Hosting, Updates, Monitoring und technische Suchmaschinenoptimierung dauerhaft aus einer Hand.
Bestehendes Design übernehmen oder neu entwickeln?
Beides ist möglich.
Bestehendes Design technisch neu aufbauen
Das Erscheinungsbild bleibt weitgehend erhalten. Das bisherige TYPO3-Frontend wird durch moderne Astro-Komponenten ersetzt.
Diese Variante eignet sich, wenn die Gestaltung weiterhin überzeugt, aber Performance und technische Basis verbessert werden sollen.
Relaunch mit neuem Designsystem
Astro und TYPO3 werden im Rahmen eines vollständigen Relaunchs miteinander verbunden. Gleichzeitig entstehen ein neues Design, optimierte Nutzerführung und eine moderne Komponentenbibliothek.
Schrittweise Umstellung
Einzelne Bereiche oder neue Landingpages werden zuerst mit Astro umgesetzt. Die bestehende TYPO3-Website bleibt zunächst parallel bestehen.
Diese Variante kann sinnvoll sein, wenn eine vollständige Umstellung nicht auf einmal erfolgen soll.
TYPO3-Performance beginnt nicht automatisch bei Astro
Manchmal lässt sich eine langsame TYPO3-Website bereits durch gezielte Optimierungen deutlich beschleunigen.
Dazu gehören beispielsweise:
- korrektes TYPO3-Caching
- optimierte Cache-Invalidierung
- Redis oder geeignete Cache-Backends
- Datenbankoptimierung
- optimierte Bilder und Bildformate
- Reduzierung unnötiger Extensions
- Bereinigung von TypoScript und Fluid-Templates
- optimierte JavaScript- und CSS-Auslieferung
- CDN-Integration
- bessere Serverkonfiguration
- Überprüfung externer Skripte
- konsequentes Performance-Monitoring
Deshalb prüfen wir ergebnisoffen drei mögliche Wege:
- das bestehende TYPO3-Frontend optimieren,
- TYPO3 mit Astro als Headless-Frontend verbinden,
- nur ausgewählte Bereiche statisch oder entkoppelt ausliefern.
Sie erhalten nicht die technisch spektakulärste Empfehlung, sondern die für Ihr Projekt sinnvollste.
Warum t3monster?
Wir kennen nicht nur moderne Frontend-Frameworks. Wir kennen vor allem TYPO3.
Das ist bei einer Headless-Architektur entscheidend. Denn viele Herausforderungen entstehen nicht in Astro, sondern bei der korrekten Abbildung komplexer TYPO3-Strukturen.
Dazu gehören:
- individuelle Inhaltselemente
- verschachtelte Seitenstrukturen
- Mehrsprachigkeit
- Multidomain-Systeme
- Workspaces und Freigaben
- News und Kategorien
- Formulare
- Frontend-Benutzer
- Redirects
- Canonicals und Sitemaps
- Suchsysteme
- Drittschnittstellen
- Cache-Invalidierung
- langfristige Updatefähigkeit
Mit mehr als 20 Jahren TYPO3-Erfahrung verbinden wir fundiertes CMS-Know-how mit moderner Frontend-Entwicklung, Hosting, Performance-Optimierung und technischer SEO. Und wir arbeiten selbst so, wie wir es empfehlen: Unsere eigene Website www.t3monster.de wird von Astro ausgeliefert.
Wir setzen Astro nicht neben TYPO3. Wir bauen eine Architektur, in der beide Systeme ihre jeweiligen Stärken ausspielen.
Macht Astro Ihre TYPO3-Website wirklich schneller?
Wir analysieren Ihre bestehende TYPO3-Installation und zeigen Ihnen, wo die tatsächlichen Performance-Bremsen liegen.
Anschließend erhalten Sie eine klare Empfehlung:
- bestehendes TYPO3 optimieren,
- Frontend mit Astro entkoppeln oder
- eine kombinierte Architektur einsetzen.
Ohne Framework-Zwang. Ohne vorschnellen Komplettumbau. Und ohne TYPO3 schlechtzureden.
Lassen Sie uns herausfinden, wie schnell Ihre TYPO3-Website wirklich sein kann.
Häufige Fragen zu TYPO3 und Astro
Suchen Sie eine zuverlässige TYPO3-Agentur für Ihr Projekt?
Wir prüfen Ihre Ausgangssituation und zeigen transparent, welche nächsten Schritte sinnvoll sind.
Über 60 Unternehmen vertrauen t3monster
