In unter 70 Minuten
Wir bauen eine nagelneue Agenturwebsite nach
Übersicht der Ergebnisse
Vorher-Nachher-Vergleich
Vorher-Nachher-Vergleich
Details Vorher
FCP (First Contentful Paint): 3,5s
Der Nutzer sieht nach 3,5 Sekunden die ersten Inhalte (z. B. Text oder Bilder). Das ist okay, aber nicht schnell.
LCP (Largest Contentful Paint): 15,3s
Das größte und wichtigste Element der Seite (meist das Hauptbild oder der Hauptinhalt) wird erst nach 15,3 Sekunden vollständig angezeigt. Sehr langsam! Der Nutzer muss lange warten, bis die Seite "fertig" aussieht.
Speed Index: 6,9s
Wie schnell die Seite insgesamt sichtbar wird. 6,9 Sekunden ist mittelmäßig bis langsam.
Total Blocking Time: 340ms
Die Seite reagiert während des Ladens 340 Millisekunden nicht auf Maus/Klick/Tastatur. Spürbar ruckelig.
CLS (Cumulative Layout Shift): 0,011
Sehr gut! Die Seite "hüpft" kaum. Texte und Bilder bleiben fast immer an ihrer Position.
Vorher-Nachher-Vergleich
Details Nachher
FCP (First Contentful Paint): 1,0s
Die Seite zeigt sofort (nach nur 1 Sekunde) die ersten Inhalte. Viel schnellerer erster Eindruck. (Verbesserung: -2,5s)
LCP (Largest Contentful Paint): 1,0s
Das wichtigste Element (Hauptbild/Hauptinhalt) lädt jetzt extrem schnell. Früher mussten Besucher über 15 Sekunden warten! (Verbesserung: -14,3s)
Speed Index: 2,6s
Die gesamte Seite wird jetzt mehr als doppelt so schnell sichtbar. (Verbesserung: -4,3s)
Total Blocking Time: 0ms
Die Seite fühlt sich flüssig an. Keine Verzögerungen mehr beim Klicken oder Scrollen. (Verbesserung: -340ms)
CLS (Cumulative Layout Shift): 0,008
Die Seite bleibt sehr stabil. Fast kein Hüpfen von Elementen.
Sehbehinderte, Screenreader, usw.
Barrierefreiheit
Vorher
Es gab mehrere Barrieren, die es Menschen mit Einschränkungen (z. B. Sehbehinderte, Screenreader-Nutzer) erschwert haben, die Seite zu nutzen:
- Menü-Elemente waren für Screenreader verwirrend
- Wichtige Buttons hatten zu wenig Kontrast
- Ein Bild-Link war nicht richtig beschriftet
Nachher
Alle Barrierefreiheits-Probleme sind weg!
Die Seite ist jetzt deutlich barriereärmer und erfüllt die wichtigsten automatischen Prüfungen deutlich besser (100/100).
Energie & Ressourcen
Netzwerk Vorher → Nachher
Vorher:
Die Website benötigte ca. 170 Dateianfragen (Requests). Es wurden viele kleine, separate Dateien geladen:
- Mehrere CSS-Dateien
- Zahlreiche Bilder im WebP-Format
- Externe Schriften (Google Fonts) und diverse Skripte
Nachher:
Die Anzahl der Dateianfragen wurde dramatisch auf nur noch 19 reduziert.
- CSS-Dateien wurden zu einer einzigen optimierten Datei zusammengefasst
- Bilder werden nun im modernen AVIF-Format ausgeliefert
- Externe Abhängigkeiten (z. B. Google Fonts) wurden minimiert
Verbesserung: Eine massive Reduzierung der Server-Anfragen um über 88%.