Obs.js – kontextbewusstes Web-Performance-Tool
(github.com/csswizardry)- 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-mediumhinzugefügt - im Objekt
window.obsmit detaillierten Daten gespeichert:"batteryCharging": true,"cpuCategory": "high"
- als CSS-Klassen im Format
- 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.