DAS MODELL / 5 MIN
Kostenloser Webshop: Was ist wirklich kostenlos?
Gratis-Tarif, Testphase oder lizenzkostenfreie Software: So erkennen Sie, was hinter dem Angebot steckt.
Artikel lesen
CASE STUDY: ECO CLEAN BURGENLAND
Von 67 auf 90.
In 30 Minuten.
Analyse und Optimierung: Wie wir die Mobile-Performance von ECO Clean Burgenland durch die CENTAUR Human+AI Methodik um 34 % steigerten.
+34%
Performance
+31%
Accessibility
100
SEO Score
Die Herausforderung
Ein schönes Design reicht nicht.
Performance entscheidet.
ECO Clean Burgenland kam zu uns mit einer beeindruckenden Website — visuell ansprechend, mit aufwendigen SVG-Animationen und einem interaktiven Konfigurator. Aber die PageSpeed-Analyse zeigte ein anderes Bild.
- Mobile Performance Score nur 67/100 — im kritischen Bereich
- Accessibility bei 70/100 — nicht barrierefrei
- Fehlende ARIA-Landmarks und Skip-Links
- Kontrast-Probleme bei Textelementen
Vorher — PageSpeed Insights Mobile
ecocleanpolsterreinigung.at — 12.12.2025, 14:56
67
Performance
70
Barrierefreiheit
96
Best Practices
92
SEO
Die Lösung
Systematische Optimierung.
Messbare Ergebnisse.
Mit der CENTAUR-Methodik kombinierten wir menschliche Expertise mit AI-gestützter Analyse. Das Ergebnis: präzise Diagnose, gezielte Eingriffe, messbare Verbesserung — in unter 30 Minuten.
Kontrast-Optimierung
Der ursprüngliche Muted-Text (#a3a3a3) erfüllte nicht die WCAG AA Anforderungen. Wir erhöhten den Kontrast auf #737373 — lesbar, aber weiterhin dezent.
/* Vorher */
--color-text-muted: #a3a3a3;
/* Nachher — WCAG AA konform */
--color-text-muted: #737373;
--color-text-muted: #a3a3a3;
/* Nachher — WCAG AA konform */
--color-text-muted: #737373;
Semantische Struktur
Hinzufügen von ARIA-Landmarks: <main>, role="navigation", role="contentinfo". Plus aria-labelledby für alle Sektionen.
<main id="main-content" role="main">
<nav role="navigation" aria-label="Hauptnavigation">
<nav role="navigation" aria-label="Hauptnavigation">
Skip-Link Implementation
Tastatur-Navigation ermöglichen mit einem Skip-Link, der bei Focus sichtbar wird und direkt zum Hauptinhalt springt.
<a href="#main-content" class="skip-link">
Zum Hauptinhalt springen
</a>
Zum Hauptinhalt springen
</a>
Heading-Hierarchie
Korrektur der Überschriften-Struktur: h4 → h3 an 18 Stellen, um eine logische Dokumentenstruktur zu gewährleisten.
/* 18 Änderungen: h4 → h3 */
<h3 class="process-content-title">
<h3 class="benefit-title">
<h3 class="process-content-title">
<h3 class="benefit-title">
Font-Loading Optimierung
Preconnect für fonts.gstatic.com hinzugefügt, um die Font-Ladezeit zu reduzieren und das LCP zu verbessern.
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Das Ergebnis
Alle Scores im grünen Bereich.
Perfekter SEO-Score.
Vorher
12.12.2025, 14:56
67
Performance
70
Accessibility
96
Best Practices
92
SEO
Nachher
12.12.2025, 15:15
92
Performance
92
Accessibility
100
Best Practices
100
SEO
90
Performance Score
+23 Punkte
92
Accessibility Score
+22 Punkte
100
SEO Score
+8 Punkte
<30
Minuten Arbeitszeit
CENTAUR
Technische Details
Was wir geändert haben.
Keine Magic, nur Präzision.
Farbkontrast
CSS Custom Property angepasst für WCAG AA Konformität. Kontrastverbesserung um 47%.
#a3a3a3 → #737373
Main Landmark
Semantisches <main> Element mit role und id für Screen Reader Navigation.
<main id="main-content">
Skip Link
Versteckter Link für Tastatur-User, erscheint bei Focus über der Navigation.
position: absolute; top: -100px
Heading Hierarchy
18 Überschriften von h4 auf h3 korrigiert für logische Dokumentstruktur.
h4 → h3 (×18 Stellen)
ARIA Labels
aria-labelledby auf 7 Sektionen, aria-label auf Navigation und Footer.
aria-labelledby="section-title"
Font Preconnect
Zusätzlicher preconnect für fonts.gstatic.com reduziert Ladezeit der Google Fonts.
preconnect crossorigin
CENTAUR
Die CENTAUR Methodik
CENTAUR steht für die Symbiose aus menschlicher Kreativität und AI-gestützter Präzision. Wo traditionelle Agenturen Stunden brauchen, erreichen wir in Minuten messbare Ergebnisse.
AI-Analyse — Sofortige Identifikation aller Probleme
Human Review — Strategische Entscheidungen durch Experten
Rapid Execution — Umsetzung in Rekordzeit
Bereit für bessere Scores?
Lassen Sie uns Ihre Website analysieren und zeigen, was die CENTAUR-Methodik für Sie erreichen kann.
