Dieser Artikel ist kein theoretischer Guide — es ist ein dokumentierter Projektbericht. Ein Kunde kam zu uns mit einer WordPress-Website für seinen Handwerksbetrieb. Ladezeit: 4,2 Sekunden. Lighthouse Score: 34. Google-Ranking: Seite 3. Innerhalb von 4 Wochen haben wir die Seite auf 0,7 Sekunden Ladezeit und Lighthouse Score 97 gebracht. Hier ist exakt, was wir gemacht haben.
Ausgangslage: Die Diagnose
| Metrik | Ist-Zustand | Ziel | Branchenstandard |
|---|---|---|---|
| LCP (Largest Contentful Paint) | 4,2 Sekunden | <1,5 Sekunden | 2,5 Sekunden |
| FID (First Input Delay) | 340ms | <50ms | 100ms |
| CLS (Cumulative Layout Shift) | 0,42 | <0,05 | 0,1 |
| Lighthouse Performance | 34/100 | >90/100 | 50/100 |
| Seitengröße | 4,8 MB | <500 KB | 2 MB |
| HTTP Requests | 47 | <15 | 25 |
| TTFB (Time to First Byte) | 1,8 Sekunden | <200ms | 600ms |
Die Ursachen: Was die Seite langsam machte
- 01WordPress Theme mit 3 unbenutzten CSS-Dateien (840 KB)
- 0212 aktive Plugins, davon 5 unbenutzt — trotzdem geladen
- 03Bilder als unkomprimierte JPEG, teilweise 3 MB pro Bild
- 04Google Fonts über CDN (3 verschiedene Fonts, 8 Weights = 12 Requests)
- 05jQuery + jQuery UI + jQuery Migrate — 230 KB JavaScript für ein Kontaktformular
- 06Shared Hosting bei einem Billig-Anbieter mit 1,8s TTFB
- 07Keine Caching-Strategie, keine Komprimierung, kein CDN
Die Lösung: Migration auf Next.js
Wir haben uns gegen eine WordPress-Optimierung und für einen kompletten Neuaufbau mit Next.js entschieden. Warum? Weil die fundamentale Architektur das Problem war — kein Plugin-Tuning hätte die TTFB von 1,8s gelöst, kein Cache-Plugin hätte den JavaScript-Overhead eliminiert. Manchmal ist Abreißen und Neubauen effizienter als Renovieren.
Schritt-für-Schritt: Was wir gemacht haben
- 01Woche 1: Content-Audit, 301-Redirect-Map, Design in Figma
- 02Woche 2: Next.js Setup, Tailwind CSS Konfiguration, Komponenten-Bibliothek
- 03Woche 3: Alle Seiten gebaut, Bilder optimiert (WebP, lazy loading, blur placeholder), SEO implementiert
- 04Woche 4: Testing, Performance-Optimierung, Launch auf Vercel Edge Network
Ergebnis nach 4 Wochen
| Metrik | Vorher | Nachher | Verbesserung |
|---|---|---|---|
| LCP | 4,2s | 0,7s | –83% |
| FID/INP | 340ms | 8ms | –98% |
| CLS | 0,42 | 0,01 | –98% |
| Lighthouse | 34 | 97 | +185% |
| Seitengröße | 4,8 MB | 380 KB | –92% |
| HTTP Requests | 47 | 9 | –81% |
| TTFB | 1,8s | 45ms | –97% |
| Google Ranking | Seite 3, Platz 28 | Seite 1, Platz 3 | +25 Positionen |
Business Impact nach 3 Monaten
Die Zahlen, die wirklich zählen: Monatliche Website-Anfragen: von 3 auf 22 (7x). Telefonanrufe über die Website: von 1 auf 8 pro Woche. Google Maps-Aufrufe: +340%. Durchschnittliche Verweildauer: von 28 Sekunden auf 2:14 Minuten. Bounce Rate: von 78% auf 31%. Der Kunde hat innerhalb von 2 Monaten einen zusätzlichen Mitarbeiter eingestellt um die Aufträge zu bewältigen.
Ich hätte nie gedacht, dass eine Website so einen direkten Einfluss auf mein Geschäft haben kann. Die Investition hat sich innerhalb von 8 Wochen bezahlt gemacht.
— Projektverantwortlicher, Handwerksbetrieb Sachsen
Performance ist kein technisches Detail — es ist ein Business-Faktor. Wenn Ihre Website langsam ist, verlieren Sie Kunden. Jeden Tag. Lassen Sie uns das ändern.