Performance
LCP 0,6 s · TBT 0 ms · CLS 0,00
Technische Spezifikation
The Engine
Vollständige Offenlegung der Architektur für Enterprise-CTOs: Wie Signale aus dem Browser durch den Service-Worker-Interceptor in IndexedDB laufen und von dort idempotent gegen serverlose Endpunkte synchronisiert werden.
Lighthouse-Zielprofil
Das Performance-Budget dieser Plattform ist so gesetzt, dass alle vier Kategorien dauerhaft bei 100/100 liegen.
Accessibility
WCAG 2.2 AA · Kontrast ≥ 7:1
Best Practices
HTTPS · keine Konsolenfehler
SEO
Semantik · JSON-LD · Canonicals
Architekturdiagramm · Datenfluss
HTML5 Browser APIs
Geolocation, Network Information, Storage Manager und Page Visibility liefern die Rohsignale direkt im Client.
Service-Worker-Interceptor
Fetch-Events werden abgefangen: Navigationen laufen network-first, gehashte Assets cache-first. Fällt das Netz aus, antwortet der Cache verzögerungsfrei.
IndexedDB via Dexie.js
Jeder Datensatz wird transaktional lokal persistiert und mit einem synced-Flag versehen. Die Queue überlebt Reloads, Tab-Wechsel und App-Neustarts.
Serverless Supabase Endpunkte
Sobald Konnektivität besteht, spielt die Background-Sync-Routine die Queue idempotent gegen serverlose Endpunkte zurück — im Prototyp bewusst simuliert.
Spezifikation im Detail
Stack & Budget
- Rendering
- SSR + Hydration, dateibasiertes Routing
- Persistenz
- IndexedDB (Dexie.js) + LocalStorage
- JS-Budget
- < 120 kB gzip auf der kritischen Route
- Schriften
- lokal ausgeliefert, variable Subsets
- Bilder
- keine Raster-Assets auf kritischem Pfad
- Interaktion
- 0 ms Transition- und Animationsverzögerung
Privacy by Design (DSGVO)
- Third-Party-Requests
- 0
- Cookies
- 0 — kein Consent-Banner erforderlich
- Tracking / Analytics
- nicht eingebunden
- Externe Schriften
- nicht eingebunden
- Datentransfer Drittland
- findet nicht statt
- Speicherort Telemetrie
- ausschließlich Endgerät