Web Development (Freelance), 07/2026 bis 08/2026
Website-Relaunch für MA-Flats
Neubau von maflats.de: fünf Sprachen, neun Standorte, ohne eine Zeile ausgeliefertes JavaScript
- JavaScript-Dateien
- 0
- ausgeliefert, nicht minimiert
- LCP
- 1,35 s
- Slow 4G, vierfache CPU-Drosselung
- Barrierefreiheit
- 100
- Lighthouse, mobil
Die Seite

Startseite, helle Ansicht 
Dieselbe Seite, dunkle Ansicht. Umschaltbar, ohne Aufblitzen beim Laden. 
Auf dem Telefon rückt die Kontaktaufnahme an den unteren Rand.
Ausgangslage
Die bestehende Seite lief auf einem Baukasten und lud auf der Startseite rund 6 MB, davon fast 5 MB Hintergrundbilder. Für eine Vermietung, deren Anfragen überwiegend vom Telefon kommen, ist das die falsche Grundlage: Wer auf dem Bau steht und eine Unterkunft sucht, wartet nicht. Dazu kam die Sprachfrage, denn ein erheblicher Teil der Monteure spricht Polnisch, Slowenisch oder Serbisch.
Lösung
- Vollständiger Neubau als statisch erzeugte Seite mit Astro und Tailwind. Jede Seite ist fertiges HTML, es läuft kein Framework im Browser mit.
- Fünf Sprachen mit typgeprüfter Vollständigkeit: Die deutsche Fassung ist der Vertrag, jedes fehlende Feld in einer Übersetzung bricht den Build statt still deutschen Text auszuliefern.
- Neun Standortseiten aus einer Datenquelle, damit eine neue Stadt ein Eintrag ist und keine neue Seite.
- Datum der letzten Änderung je Seite aus der Git-Historie statt aus dem Build-Datum: Ein pauschales Datum behauptet bei jedem Deploy, jede Seite habe sich geändert, und entwertet damit das Signal.
- Meldung geänderter Seiten an Bing über IndexNow, mit einer Normalisierung, die den gemeinsamen CSS-Hash ausklammert. Ohne sie hätte jeder Deploy alle 86 Seiten als geändert gemeldet statt der tatsächlich geänderten fünf.
- Bewegung ausschließlich über CSS, scrollgesteuert, doppelt abgesichert gegen fehlende Browserunterstützung und gegen die Einstellung für reduzierte Bewegung.
Ergebnisse
- Keine einzige JavaScript-Datei im Auslieferungsverzeichnis. Alles Interaktive liegt in Schnipseln, die klein genug sind, um im HTML zu stehen
- LCP 1,35 Sekunden unter Slow-4G mit vierfacher CPU-Drosselung, CLS 0,00, gemessen am 26.08.2026
- Lighthouse mobil: 100 für Barrierefreiheit, 100 für SEO, 96 für Best Practices
- HTML der Startseite 17 KB komprimiert, das gesamte CSS 8 KB in einer einzigen Datei
- 90 indexierbare Adressen mit wechselseitig vollständigem hreflang-Verbund über alle fünf Sprachen
Technologie-Stack
- Astro
- Tailwind CSS
- TypeScript
- Statische Erzeugung
- Mehrsprachigkeit
- IndexNow
- GitHub Actions
- IONOS Deploy Now
Ähnliche Prozesse in Ihrem Unternehmen?
Schreiben Sie mir, welcher Ablauf bei Ihnen am meisten Zeit kostet. Den Rest klären wir im Gespräch.
Kostenloses Erstgespräch