CASE STUDY WIRD GELADEN
CASE DNA
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;

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">

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>

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">

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.