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 von maflats.de in der hellen Ansicht, mit Navigation, Überschrift und Apartmentfoto
    Startseite, helle Ansicht
  • Dieselbe Startseite in der dunklen Ansicht
    Dieselbe Seite, dunkle Ansicht. Umschaltbar, ohne Aufblitzen beim Laden.
  • maflats.de auf dem Smartphone, mit fest stehender Aktionsleiste am unteren Rand
    Auf dem Telefon rückt die Kontaktaufnahme an den unteren Rand.
maflats.de ansehen

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