10 Punkte von xguru 2025-09-07 | Noch keine Kommentare. | Auf WhatsApp teilen
  • Ein Tool, das Browser-Signale (Navigator, Battery API usw.) ausliest, um auf Netzwerkgeschwindigkeit, Akkustand sowie RAM- und CPU-Leistung zu schließen,
    und diese als CSS-Klassen und JS-Objekt verfügbar macht, damit je nach Situation passend gesteuert werden kann, wie viel Kontext vermittelt werden soll
  • Das heißt: Bei langsamen Verbindungen oder im Stromsparmodus lassen sich Webfonts, Bildauflösung, Video-Autoplay und Animationen steuern, um eine schlankere Experience bereitzustellen
  • Die Erkennungsergebnisse werden
    • als CSS-Klassen im Format .has-* auf <html> bereitgestellt: Es werden Klassen wie .has-bandwidth-high.has-cpu-medium.has-ram-medium hinzugefügt
    • im Objekt window.obs mit detaillierten Daten gespeichert: "batteryCharging": true, "cpuCategory": "high"
  • Die Installation muss zwingend als inline <script> ganz oben im <head> eingefügt werden
    • Ausführung über einen Paketmanager oder als externe JS-Datei ist nicht möglich
  • Siehe Demo

Noch keine Kommentare.

Noch keine Kommentare.