Browserressourcen – los-chronos

Main-Thread Stress

Proxy für „CPU-Stress“: Long Tasks + Event-Loop-Lag.

Quelle: LongTasks

—

Long Tasks / min

—

Event-Loop Lag (P95)

—

Event-Loop Lag (aktuell)

—

App Memory (Schätzung)

Nur diese Web-App (nicht der gesamte Browser).

Quelle: —

—

Trend: —

—

Render Smoothness

Geschätzt via requestAnimationFrame.

Quelle: RAF

—

Kurzinfos

Anzeige, Storage und Netzwerk auf einen Blick.

Caps: —

Screen

—

Viewport

—

Storage (Usage / Quota)

—

Netzwerk

—

Wichtig: Diese App läuft bewusst in der Browser-Sandbox. Sie zeigt daher keine Prozess-CPU/RAM des gesamten Browsers, sondern zuverlässige Indikatoren für diese Seite (Main-Thread-Stress, App-Speicher, Render-Smoothness) und Kontext (Anzeige, Netzwerk, Storage). Fehlende APIs sind in Firmenumgebungen normal.

Live Verlauf

Letzte ~5 Minuten (Ringpuffer).

History

Event-Loop Lag (P95)

—

Long Tasks / min

—

FPS (approx)

—

Long Tasks (Liste)

Wenn verfügbar, sonst bleibt die Liste leer.

Observer: —

—

Schwellwerte

Einfach, lokal gespeichert (keine Server).

Warnung: Long Tasks/min ≥ Warnung: Lag P95 ≥ (ms) Kritisch: Long Tasks/min ≥ Kritisch: Lag P95 ≥ (ms)

Tipp: In restriktiven Umgebungen können LongTask-Details fehlen. Dann ist Lag/FPS oft der bessere Indikator.

Hinweise

Keine Diagnosen, nur robuste Orientierung.

Viele Long Tasks

Hinweis

Oft: schwere JS/DOM Arbeit, Layout/Reflow, große Canvas-Draws. Prüfe „Lag“ + „FPS“ gemeinsam.

Lag steigt

Hinweis

Kann auch passieren, wenn Tabs im Hintergrund gedrosselt werden oder das Gerät knapp ist (Energiesparen).

FPS Drops

Hinweis

Typisch bei vielen Repaints/Animationen. „prefers-reduced-motion“ respektieren hilft.

App Memory

Versucht UA-Estimate, sonst Fallbacks.

Quelle: — Verfügbarkeit: —

—

Device Memory (Klasse)

—

Hardware Concurrency

—

Storage (App)

Usage/Quota, falls verfügbar.

Quelle: —

Usage

—

Quota

—

Persistent Storage

—

Storage ist nicht RAM. Er zeigt z. B. Caches/IndexedDB/LocalStorage deiner App (wenn du später Historie speicherst).

Screen

Physische Screen-Daten (je nach Gerät/Browser).

Quelle: Screen

screen.width×height

—

screen.availWidth×availHeight

—

colorDepth

—

orientation

—

Viewport

Layout vs. Visual Viewport (Mobile/Zoom).

Quelle: —

innerWidth×innerHeight

—

visualViewport (w×h)

—

visualViewport scale

—

devicePixelRatio

—

prefers-reduced-motion

—

prefers-color-scheme

—

Connection

Nur wenn NetworkInformation verfügbar ist.

Quelle: —

effectiveType

—

downlink (Mbps)

—

rtt (ms)

—

saveData

—

Netzwerk-Log

Wechsel werden protokolliert (wenn Events verfügbar).

Log

—

Capability Check

Welche Instrumente sind hier verfügbar?

Caps

Screen API

—

VisualViewport

—

NetworkInformation

—

Storage estimate

—

UA Memory estimate

—

performance.memory

—

Long Tasks observer

—

Fehlende APIs sind normal (Privacy, Policies, Browser-Varianten). Die App bleibt nutzbar und zeigt dann „nicht verfügbar“ statt falscher Zahlen.

About

Lokale Messung, keine Server-Kommunikation.

Was diese App nicht tut

Sicherheit

Kein Zugriff auf OS-Prozesse, keine systemweiten CPU/RAM-Werte, keine Tab-/Fensterzählung browserweit.

Was sie zuverlässig tut

Sandbox

Messung von Main-Thread-Blockierungen (Long Tasks/Lag), Render-Smoothness (FPS), App-Speicher (wenn unterstützt), Anzeige/Viewport, Storage und Netzwerk-Infos (wenn verfügbar).

Datenschutz

Lokal

Alles bleibt lokal im Browser (LocalStorage). Export/Import ist optional und nur über lokale Datei.