Performance-Benchmarks
Reproduzierbare Metriken. Transparente Methodik. Keine Marketing-Zahlen, nur harte Fakten.
Initial Load
< 50ms
CLS Impact
0.05
Lighthouse Score
94
Unser Test-Konzept
Für faire, reproduzierbare Performance-Tests haben wir zwei identische Test-Seiten erstellt: Eine Baseline (ohne Widget) und eine Version mit Widget. Der Content ist 1:1 identisch – nur das Widget unterscheidet sich.
With Widget
MIT Widget
- ✓ Gleicher Content
- ✓ Widget geladen
- ✓ Auto-Analyze aktiv
Warum eigene Test-Seiten?
- ✓ Kontrollierte Umgebung: Keine externen Faktoren
- ✓ Reproduzierbar: Jeder kann die Seiten aufrufen und testen
- ✓ Fair: Identischer Content für direkten Vergleich
- ✓ Transparent: Quellcode ist öffentlich einsehbar
Test-Methodik
Alle Performance-Tests wurden mit standardisierten Tools und reproduzierbaren Setups durchgeführt.
Test-Setup
Browser & Tools:
- • Chrome 131 (via Browserless.io)
- • Lighthouse 12.x
- • Desktop Mode
Network & Location:
- • Location: San Francisco, USA
- • Browserless Server
- • Throttling: Standard Desktop
- • Cache: Disabled
Test-URLs
Baseline (ohne Widget)
https://accessibleai.eu/benchmark/baseline
With Widget
https://accessibleai.eu/benchmark/with-widget
Beide Seiten verwenden den identischen Content (~800 DOM-Elemente) für faire Vergleichbarkeit.
Bundle Size Analyse
Der accessibleAI Widget ist hochoptimiert und deutlich kleiner als typische Overlay-Konkurrenten.
Bundle Size Vergleich
Baseline (Ohne Tool)
0 KB
Typisches Overlay
115 KB
gzipped (Durchschnitt)
accessibleAI
2.6 KB
gzipped (gemessen)
97.7% kleiner als typische Overlay-Lösungen
Bundle Size Messung
// Gemessen am 27.10.2025 auf public/cdn/vae.min.js
# Minified Size:
ls -lh public/cdn/vae.min.js
# Output: 6.0 KB
# Gzipped Size:
gzip -c public/cdn/vae.min.js | wc -c
# Output: 2611 bytes (~2.6 KB)
# Vergleich mit typischem Overlay:
# accessibleAI: 2.6 KB gzipped
# Typisches Overlay: ~115 KB gzipped
# Einsparung: 97.7%Gemessen: 27.10.2025 | Widget Version: 4.2025.1005.4 | Source: public/cdn/vae.min.js
Live Performance Test
Führen Sie selbst einen Lighthouse-Test durch und messen Sie den Performance-Impact in Echtzeit. Die Ergebnisse werden direkt in den Tabellen unten angezeigt.
Starten Sie Ihren eigenen Test
Unser Test-Tool führt echte Lighthouse-Tests auf beiden Benchmark-Seiten durch und zeigt Ihnen die Ergebnisse im direkten Vergleich.
⏱️ Dauer: ca. 2-3 Minuten pro Test
Was wird getestet?
Lighthouse Scores
- • Performance
- • Accessibility
- • Best Practices
- • SEO
Core Web Vitals
- • LCP (Largest Contentful Paint)
- • FID (First Input Delay)
- • CLS (Cumulative Layout Shift)
Lighthouse-Scores
Echte Lighthouse-Scores unserer Benchmark-Seiten. Führen Sie den Live-Test durch, um aktuelle Messwerte zu erhalten.
ℹ️ Test erforderlich
Führen Sie den Live Performance Test durch, um echte Lighthouse-Scores zu sehen. Die Werte werden nach dem Test hier angezeigt.
| Metric | Baseline | With Widget | Difference |
|---|---|---|---|
| Performance | — | — | — |
| Accessibility | — | — | — |
| Best Practices | — | — | — |
| SEO | — | — | — |
Lighthouse Scoring-System
Core Web Vitals
Die Core Web Vitals sind Googles wichtigste Metriken für User Experience und SEO-Ranking. Diese Werte werden aus dem Live-Test automatisch extrahiert.
ℹ️ Test erforderlich
Die Core Web Vitals werden aus den Lighthouse-Audits extrahiert. Führen Sie den Live Performance Test durch, um aktuelle Messwerte zu sehen.
LCP (Largest Contentful Paint)
Misst, wie lange es dauert, bis der größte Content-Block sichtbar ist. Ziel: < 2.5s
Baseline
—
Warten auf Test
With Widget
—
Warten auf Test
Difference
—
Warten auf Test
FID (First Input Delay)
Misst die Reaktionszeit auf die erste User-Interaktion. Ziel: < 100ms
Baseline
—
Warten auf Test
With Widget
—
Warten auf Test
Difference
—
Warten auf Test
CLS (Cumulative Layout Shift)
Misst visuelle Stabilität. Niedrigere Werte sind besser. Ziel: < 0.1
Baseline
—
Warten auf Test
With Widget
—
Warten auf Test
Difference
—
Warten auf Test
Performance-Optimierungen
- ✓ Asynchrones Laden: Kein Blocking des Main-Threads
- ✓ Kleiner Bundle: 76% weniger JavaScript als typische Overlays
- ✓ Lazy Loading: Analysen werden im Hintergrund durchgeführt
- ✓ Optimierte DOM-Manipulation: Batch-Updates statt einzelne Changes