Delivery-Format-Dashboard

Web-Assets / AuslieferungVisualisiert Formatanteile und Fehlerraten pro Gerät direkt im Browser, damit Fallbacks rechtzeitig ausgelöst werden.

Plot delivery format share and device-level failure rates before rollout changes hit production.

Model device-format telemetry and watch failure rates update instantly.

Delivery entries

Fallback fires when failure rate ≥ 1%.
Device / SurfaceFormatSuccessful deliveriesFailuresTotalFailure rateActions
18,3600.69%
9,6632.18%
15,4420.21%
3,8972.18%
2,8063.42%
1,3725.39%

Totals

Total deliveries
51,540
Successful
50,916
Failures
624
Overall failure rate
1.21%

Format distribution

Share and failure rate aggregated across all devices.

FormatDeliveriesShareFailure rate
AVIF33,80265.58%0.47%
WebP9,66318.75%2.18%
JPEG8,07515.67%3.16%

Fallback readiness

Rows above the threshold should trigger forced fallback scheduling.

  • JPEG on Legacy Android is at 5.39% failure rate. Prepare fallback delivery.
  • JPEG on Smart TV is at 3.42% failure rate. Prepare fallback delivery.
  • WebP on Mobile is at 2.18% failure rate. Prepare fallback delivery.
  • JPEG on Desktop is at 2.18% failure rate. Prepare fallback delivery.

Überblick

Behalte Formatanteile, Fehlerraten und Fallback-Schwellen komplett im Browser im Blick, damit Auslieferungsteams schnell reagieren.

Anleitung

  1. Definiere den Fehlerraten-Schwellenwert, der einen Fallback auslösen soll.
  2. Geräte- und Formatlieferungen eintragen oder den Beispieldatensatz laden.
  3. Markierte Kombinationen prüfen und CSV-Exports für Incident-Runbooks teilen.

Anwendungsfälle

  • Entscheiden, wann AVIF/WebP auf bestimmten Gerätekategorien auf JPEG zurückfallen sollte.
  • Rollout-Telemetrie in Post-Mortems teilen, ohne Roh-Logs breitzugeben.
  • Format-Experimente mit SLOs und Fallback-Plänen abstimmen.

Tipps & Wissen

  • Gerätenamen wie in Observability-Dashboards verwenden, um Abgleiche zu erleichtern.
  • CSV-Exports wöchentlich archivieren, um Trends und Regressionen zu erkennen.
  • Mit Performance Guardian koppeln, um Auswirkungen auf Core Web Vitals sichtbar zu machen.