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

Überblick
Dieses Kundenprojekt dokumentiert, wie KAUFAST seine eigene IT-Service-Website als lebendigen Qualitätsnachweis entwickelt hat. Eine Next.js 16-Anwendung mit 13 Lokalisierungen, Edge-Middleware, Server-Side Rendering und einem Designsystem, das zur Gänze in CSS realisiert wurde — keine Frameworks, kein unnötiger Ballast. Jede Architekturentscheidung wurde darauf ausgerichtet, Performance, Barrierefreiheit und Suchsichtbarkeit über 156 Seiten hinweg zu maximieren. Die Website dient gleichzeitig als kundenorientierte Plattform und als technische Referenz und demonstriert in der Produktion jede Fähigkeit, die KAUFAST seinen Kunden im DACH-Raum und darüber hinaus bietet — von Internationalisierung über strukturierte Daten bis zu Seitenladezeiten unter einer Sekunde. Das Internationalisierungssystem nutzt wörterbuchgesteuerte Inhalte über alle 13 Lokalisierungen, mit länderspezifischer Differenzierung für Märkte mit gemeinsamer Sprache — österreichisches Deutsch, mexikanisches Spanisch und brasilianisches Portugiesisch erhalten jeweils marktgerechte Texte.
Der Leistungsumfang beinhaltete Full-Stack-Entwicklung mit Next.js 16 und React 19, ein maßgeschneidertes CSS-Designsystem ohne jegliche Framework-Abhängigkeiten — zur Gänze in CSS Modules realisiert —, Edge-Deployment-Infrastruktur über Vercels globales Netzwerk und eine automatisierte SEO-Monitoring-Pipeline mit Anbindung an Google Search Console und PageSpeed APIs. Das Resultat ist eine Website, die 97+ auf Google PageSpeed erzielt 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 sämtlichen Serviceseiten.
Die Herausforderung
Die meisten Agentur-Websites sind überentwickelte Vorzeigeprojekte, die Performance zugunsten visueller Effekte aufgeben. Wir haben uns eine anspruchsvollere Aufgabe gestellt: 13 Lokalisierungen mit Locale-aware Routing und regionsspezifischen Inhalten bedienen, 97+ auf Google PageSpeed in allen vier Kategorien erzielen, WCAG 2.1 AA-Barrierefreiheitsstandards erfüllen, strukturierte Daten für jede Route bereitstellen und auf einem globalen Edge-Netzwerk deployen — das alles ohne CSS-Framework, Komponentenbibliothek oder Laufzeit-JavaScript-Abhängigkeit über React hinaus. Die Build-Pipeline beinhaltet automatisierte Lighthouse-Audits, visuelle Regressionstests und die Validierung strukturierter Daten bei jedem Deployment, um Performance-Regressionen zuverlässig 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 sprechen für die Architektur. Die KAUFAST-Website erzielt durchgehend 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 liegt weltweit unter 100 Millisekunden, ausgeliefert über Vercels Edge-Netzwerk mit ISR-Caching. Das CSS-Designsystem kommt auf unter 40 KB komprimiert, ganz ohne JavaScript-Laufzeit-Overhead über React hinaus. Jede einzelne 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 binnen Minuten nach dem Deployment. Über 30 Serviceseiten, 10 Kundenprojekte und ein mehrsprachiger Blog mit 34 Artikeln werden aus einem einzigen Repository mit wörterbuchgesteuerter Internationalisierung über alle 13 Lokalisierungen 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
