KAUFASTIT-Service-Website, auf Performance getrimmt
Von Kenneth Melchor, Gründer & Technischer Direktor

Überblick
Diese Fallstudie dokumentiert, wie KAUFAST seine eigene IT-Service-Website als lebendigen Beweis handwerklicher Qualität entwickelt hat. Eine Next.js 16-Anwendung mit 13 Lokalisierungen, Edge-Middleware, Server-Side Rendering und einem Designsystem, das vollständig in CSS gebaut wurde — keine Frameworks, kein Ballast. Jede Architekturentscheidung wurde getroffen, um Performance, Barrierefreiheit und Suchsichtbarkeit über 156 Seiten hinweg zu maximieren. Die Website dient sowohl als kundenorientierte Plattform als auch als technische Referenz und demonstriert in der Produktion jede Fähigkeit, die KAUFAST seinen Kunden bietet — von Internationalisierung über strukturierte Daten bis hin zu Seitenladezeiten unter einer Sekunde. Das Internationalisierungssystem nutzt wörterbuchgesteuerte Inhalte über alle 13 Lokalisierungen hinweg, mit länderspezifischer Differenzierung für Märkte mit gemeinsamer Sprache — österreichisches Deutsch, mexikanisches Spanisch und brasilianisches Portugiesisch erhalten jeweils marktgerechte Texte.
Der Umfang umfasste Full-Stack-Entwicklung mit Next.js 16 und React 19, ein maßgeschneidertes CSS-Designsystem ohne Framework-Abhängigkeiten — vollständig in CSS Modules gebaut —, Edge-Deployment-Infrastruktur über Vercels globales Netzwerk und eine automatisierte SEO-Monitoring-Pipeline, integriert mit Google Search Console und PageSpeed APIs. Das Ergebnis ist eine Website, die 97+ auf Google PageSpeed erreicht und gleichzeitig regionsspezifische Inhalte an 13 Märkte ausliefert. Die Abdeckung mit strukturierten Daten umfasst Organization, LocalBusiness für zwei physische Büros, AggregateRating aus Google-Bewertungen und FAQPage-Schemas auf allen Serviceseiten.
Die Herausforderung
Die meisten Agentur-Websites sind überentwickelte Prestigeprojekte, die Performance für visuelle Effekte opfern. Wir haben uns eine härtere Aufgabe gestellt: 13 Lokalisierungen mit Locale-aware Routing und regionsspezifischen Inhalten bedienen, 97+ auf Google PageSpeed in allen vier Kategorien erreichen, WCAG 2.1 AA-Barrierefreiheitsstandards erfüllen, strukturierte Daten für jede Route ausliefern und auf einem globalen Edge-Netzwerk deployen — alles ohne CSS-Framework, Komponentenbibliothek oder Laufzeit-JavaScript-Abhängigkeit über React hinaus. Die Build-Pipeline umfasst automatisierte Lighthouse-Audits, visuelle Regressionstests und die Validierung strukturierter Daten bei jedem Deployment, um Performance-Regressionen zu verhindern.

Die Lösung




„Eine Website mit 13 Locales, perfekten Lighthouse-Scores, sub-100ms TTFB und Null CSS-Framework-Abhängigkeiten – denn die beste Referenz ist die eigene Arbeit.“
Ergebnisse
Die Zahlen bestätigen die Architektur. Die KAUFAST-Website erreicht konsistent 97+ auf Google PageSpeed in allen vier Kategorien — Performance, Barrierefreiheit, Best Practices und SEO — über 156 Seiten in 13 Lokalisierungen. Die Time to First Byte bleibt weltweit unter 100 Millisekunden, ausgeliefert über Vercels Edge-Netzwerk mit ISR-Caching. Das CSS-Designsystem wiegt unter 40 KB komprimiert, ohne JavaScript-Laufzeit-Overhead über React hinaus. Jede Seite wird mit vollständigen Schema.org-strukturierten Daten ausgeliefert — BreadcrumbList, Organization, LocalBusiness, WebPage und routenspezifische Typen — und ermöglicht Rich Results in der Google-Suche. Die automatisierte Monitoring-Pipeline erkennt Performance-Regressionen innerhalb von Minuten nach dem Deployment. Über 30 Serviceseiten, 10 Fallstudien und ein mehrsprachiger Blog mit 34 Artikeln werden aus einem einzigen Repository mit wörterbuchgesteuerter Internationalisierung über alle 13 Lokalisierungen hinweg gepflegt. Die automatisierte CI/CD-Pipeline führt bei jedem Deployment Lighthouse-Audits und Validierungen der strukturierten Daten durch, um Qualitätsregressionen proaktiv zu verhindern.
97+
PageSpeed-Score
13
Unterstützte Locales
<100ms
Weltweiter TTFB
100
Accessibility-Score
Leistung
Mobil · Google PageSpeed Insights
KAUFAST Erfolgsbilanz
97+
Lighthouse-Score auf kaufast.com in allen vier Kategorien — verifiziert über Google PageSpeed Insights, Juni 2026
20+
Jahre technologische Lösungen — gegründet in Barcelona, 2004
50+
Projekte geliefert in 6 Ländern auf 3 Kontinenten
< 100ms
Time to First Byte über Vercel Edge Network — alle verwalteten Projekte, weltweit
Alle Kennzahlen unabhängig überprüfbar. Letzte Prüfung: Juni 2026.

Credits
Technologien
- Next.js 16
- React 19
- TypeScript 5
- Vercel Edge Network
- CSS Modules
- Google APIs
Team
- Technical Lead
- Full-Stack Developer
- UX Designer
- SEO Strategist
- Content Lead
Entwickelt von
Wünschen Sie sich ähnliche Ergebnisse?
Kontakt aufnehmen
