Webdesign Fallstudie · TYPO3-Update
Fahrschule Fust: von TYPO3 13 auf TYPO3 14
Aus einem Versionswechsel wurde eine Generalüberholung: fehlerhafte Seiten repariert, echte Handy-Ansicht, aktuelle Bibliotheken, eine eigene Extension statt Theme im fileadmin und eine saubere Einwilligung für externe Dienste. Das Erscheinungsbild blieb bewusst gleich.
Ausgangslage
Gewachsen über mehrere Umbauten
Die Website lief stabil auf TYPO3 13.4.34 und PHP 8.2, trug aber Altlasten aus mehreren früheren Umbauten mit sich. Die Bestandsaufnahme ergab vor allem diese Punkte:
| Bereich | Befund | Folge |
|---|---|---|
| Fehlerseiten | 3 Seiten lieferten Fehler 500, darunter die Bestätigung der Kontaktanfrage | Besucher sahen eine Fehlermeldung |
| Handy | Das Viewport-Tag wurde nicht aufgelöst, die Seite war auf dem Handy 785 Pixel breit | Keine echte mobile Ansicht |
| Suchmaschinen | Im Robots-Tag stand ein Platzhalter statt eines Werts | Ungültige Angabe im Quelltext |
| Favicons | Feste Pfade liefen ins Leere | Fehlende Icons |
| Bibliotheken | Bootstrap 3.3.7, zwei jQuery-Versionen parallel | Veraltet und unnötig schwer |
| Struktur | Theme im fileadmin, Reste von Gridelements, Konfiguration in 6 Datenbank-Templates | Schwer wartbar |
Vorgehen
Die Live-Seite blieb bis zum Schluss unangetastet
Alles entstand auf einem geschützten Testsystem mit eigener Datenbank. Die Datenmigration steckt in einem wiederholbaren Upgrade-Wizard, beim Live-Gang lief also exakt derselbe Ablauf wie im Probelauf.
Sichern
Dateien und Datenbank von Live- und Testsystem gesichert und geprüft.
Testsystem aufsetzen
Aktuellen Live-Stand übernommen, per Passwort geschützt, Mailversand und Fehleranzeige abgeschaltet.
Aktualisieren und umbauen
TYPO3, Extensions, Sitepackage und Bibliotheken schrittweise umgestellt.
Vergleichen
Seiten gegen Live geprüft: Statuscodes, Bilderzahl, gemessene Positionen und Schriftgrößen, dazu Sichtprüfung im Browser.
Probelauf
Datenumzug mit frischen Live-Daten komplett wiederholt: 49 Sekunden, ohne Fehler.
Live-Gang
Am 3. November 2026 mit Wartungsseite und vorbereitetem Rücksprung, in weniger als drei Minuten erledigt.
TYPO3 und Extensions
Jede Extension einzeln geprüft
TYPO3 ging von 13.4.34 auf 14.3.10. Für jede Extension habe ich geprüft, ob es eine Version für v14 gibt, und danach entschieden.
| Extension | Vorher | Nachher | Entscheidung |
|---|---|---|---|
| news | 14.0.1 | 14.1.2 | Aktualisiert |
| ws_slider | 13.3.10 | 14.6.9 | Aktualisiert, Verhalten auf den bisherigen Stand eingestellt |
| dp_cookieconsent | 13.0.2 | 14.0.6 | Aktualisiert und aktiv eingebunden |
| yoast_seo | 12.1.0 | 12.1.2 | Aktualisiert |
| b13/container | 3.2.3 | 4.1.1 | Aktualisiert |
| me_google_calendar | 5.2.0, lokale Kopie | 6.1.1 | Offizielle Version statt lokaler Kopie |
| powermail | 13.1.0 | entfernt | Durch das TYPO3-Formular EXT:form ersetzt |
| container_elements, pvh | 7.0.0, 3.1.0 | entfernt | Die 3 genutzten Container liegen jetzt im Sitepackage |
| container_example | 2.0.0 | entfernt | Wurde nicht genutzt |
| Gridelements | nur noch Reste | entfernt | War schon durch b13/container abgelöst |
Die Container behalten ihre bisherigen Inhaltstypen. Die Inhalte selbst mussten deshalb nicht umgebaut werden.
Sitepackage
Eigene Extension statt Theme im fileadmin
Das Sitepackage lag im fileadmin, daraus wurde eine eigene Extension nach aktuellem TYPO3-Aufbau. Sie schrumpfte dabei von 2,5 MB auf 1,3 MB. Der fileadmin enthält jetzt nur noch Redaktionsinhalte.
Neu aufgebaut
- Rendering: PAGEVIEW mit Content Areas statt FLUIDTEMPLATE.
- Konfiguration: Site Sets mit definierten Einstellungen, die 6 Datenbank-Templates werden nicht mehr gebraucht.
- Backend-Layouts: vollständig in der Extension.
- Kontaktformular: als Formular-Definition in der Extension.
- Pfade: EXT:-Pfade statt fester Verweise, damit sind auch die Favicons repariert.
Entfernt
- 85 tote CSS-Selektoren, ein automatischer Abgleich bestätigte, dass keine genutzte Regel verloren ging.
- Toter JavaScript-Code eines früheren Projekts und auskommentierte Blöcke.
- 14 ungenutzte Bilder, nicht verwendete Schriften, leere Sprachdateien und ein nie aktives RTE-Preset.
Bibliotheken und Handy
Bootstrap 5, ohne dass es jemand sieht
Alle Frontend-Bibliotheken wurden aktualisiert und liegen lokal auf dem eigenen Server. Schriften und Skripte kommen damit nicht von fremden CDNs.
| Bibliothek | Vorher | Nachher |
|---|---|---|
| Bootstrap | 3.3.7 | 5.3.8 |
| jQuery | 2.2.5-pre und 3.7.1 | 4.0.0 |
| FullCalendar | 3.10.5 | 7.1.3 |
| ScrollReveal | 3.4.0 | 4.0.9 |
| FlexSlider | 2.7.1 | 2.7.2 |
| jQuery Drilldown | 1.1.1 | 1.1.2 |
| Font Awesome | 4.7.0 | 7.3.1 |
Bootstrap 5 wurde aus den Quellen gebaut, mit den bisherigen Breakpoints, Containerbreiten und Schriftgrößen. So blieb das Erscheinungsbild gleich, und die vorhandenen Spaltenklassen in den Inhalten konnten bleiben.
Mit dem reparierten Viewport-Tag ist die Seite wirklich responsiv. Bilder werden nicht mehr abgeschnitten, der Kalender zeigt auf dem Handy eine Terminliste, und die Fahrzeugbilder erscheinen einheitlich im Format 4:3.
Datenschutz
Externe Dienste erst nach Zustimmung
Vor der Entscheidung und nach einer Ablehnung geht beim Laden der Startseite keine Anfrage an Vimeo, Google oder Matomo.
- Cookie-Banner: Besucher wählen zwischen „Statistiken“ und „Externe Medien“ und können die Auswahl später über ein Symbol ändern.
- Vimeo und Google-Kalender: bis zur Zustimmung gesperrt, mit Hinweis und Button zum direkten Freigeben.
- Webanalyse: Matomo auf einem Server in Deutschland, nur nach Zustimmung zu „Statistiken“.
- Datenschutzerklärung: passend dazu ergänzt.
Ergebnisse in Zahlen
| Kennzahl | Vorher | Nachher |
|---|---|---|
| TYPO3 | 13.4.34 | 14.3.10 |
| Seiten mit Fehler 500 | 3 von 17 geprüften | 0 |
| Breite auf dem Handy (375 Pixel Bildschirm) | 785 Pixel | 375 Pixel |
| Größe Sitepackage | 2,5 MB | 1,3 MB |
| jQuery-Versionen auf einer Seite | 2 | 1 |
| Datenbank-Templates | 6 | 0 |
| Offene Sicherheitshinweise (composer audit) | nicht verglichen | 0 |
| PageSpeed Handy, Live-Seite am 4.11.2026 | nicht gemessen | 96 |
Steht bei Ihnen auch ein TYPO3-Update an?
Ich prüfe Ihre Installation und sage Ihnen, was ein Update wirklich braucht und was sich nebenbei aufräumen lässt. Antwort innerhalb von 24 Stunden.
Lieber direkt sprechen?
01556 1792572
