Softonic

FPS-Zähler

Schritt 1 / 3 Aktuelle FPS
Sekunden
Frames
FPS
Nächste

Mit diesem FPS-Zähler misst du, wie flüssig dein Browser die aktuelle Seite darstellt. Er tastet die Frames über requestAnimationFrame ab, zeigt aktuelle, durchschnittliche, minimale und maximale FPS und kann ein kurzes Diagramm zeichnen, damit du Einbrüche durch schwere Tabs, Animationen, Erweiterungen, Drosselung oder Anzeigeeinstellungen erkennst.

So misst du die Browser-FPS

  1. 1

    Messdauer wählen

    Fünf Sekunden sind ein guter Standardwert. Wähle eine längere Messung, wenn du wiederkehrende Ruckler oder wechselnde Hintergrundlast einfangen willst.

  2. 2

    Glättung und Warnschwelle einstellen

    Das Glättungsfenster mittelt die letzten Frames, während die Schwelle den FPS-Wert markiert, den du auf dem getesteten Gerät noch als akzeptabel ansiehst.

  3. 3

    Zähler starten und die Streuung lesen

    Die aktuellen FPS zeigen die jüngste Renderleistung. Durchschnitt, Tief- und Höchstwert verraten, ob die Sitzung durchgehend flüssig lief oder sichtbare Einbrüche hatte.

Was der FPS-Zähler misst

Dieses Tool misst die Render-Kadenz des Browsers, nicht die Benchmark-Leistung der Grafikkarte. Immer wenn der Browser bereit ist, ein weiteres Bild zu zeichnen, ruft requestAnimationFrame den Sampler auf. Der Abstand zwischen zwei Callbacks ergibt eine momentane Bildrate:

FPS = 1000 / frame_time_in_ms

Der angezeigte aktuelle FPS-Wert ist ein gleitender Durchschnitt über das Glättungsfenster. Ein Fenster von 60 Frames eignet sich gut für normale 60-Hz-Displays, weil es einzelne Ausreißer beruhigt, ohne anhaltende Einbrüche zu verbergen. Kleinere Fenster reagieren schneller, größere wirken ruhiger.

Rechenbeispiel

Angenommen, eine Messung über fünf Sekunden erfasst diese vereinfachten Frame-Abstände:

Frame-Abstand Momentane FPS Was das bedeutet
16,7 ms 59,9 FPS Typisches Rendering bei 60 Hz
8,3 ms 120,5 FPS Typisches Rendering bei 120 Hz
25,0 ms 40,0 FPS Auf vielen Displays sichtbar zäh
33,3 ms 30,0 FPS Hohe Last oder Drosselung

Liegt deine Warnschwelle bei 50 FPS und der gemessene gleitende Durchschnitt endet bei 47 FPS, liegt das Ergebnis unter dem Ziel, auch wenn einzelne Frames schneller waren. Endet er nahe 60 FPS mit gelegentlichen Einbrüchen auf 45 FPS, ist der Durchschnitt gesund, doch das Minimum verrät Ruckler, die eine Prüfung wert sind.

Ergebnisse deuten

Ergebnismuster Wahrscheinliche Ursache Nächster Schritt
Durchschnitt nahe der Bildwiederholrate, seltene Einbrüche Das Rendering ist gesund Nur bei Bedarf mit einem anderen Browser vergleichen
Durchschnitt gut, Tiefstwert deutlich niedriger Wiederkehrende Ruckler Schwere Tabs schließen oder Animationen prüfen
Durchschnitt unter der Schwelle Dauerhaft hohe Renderlast CPU-Last, Erweiterungen und Seitenskripte prüfen
FPS bei rund 30 gedeckelt Energiesparmodus oder Drosselung Akkumodus und Anzeigeeinstellungen prüfen

Die Browser-FPS hängen von der Bildwiederholrate des Displays, dem Compositor des Betriebssystems, dem Akkumodus, thermischer Drosselung, den aktiven Tabs und der Seite selbst ab. Führe den Test zuerst in einem ruhigen Tab aus und wiederhole ihn dann, während die Seite oder App läuft, die du untersuchen willst.

Häufig gestellte Fragen

Nein. Dieser Zähler misst, wie oft der Browser requestAnimationFrame-Callbacks erhält. Das ist nützlich für Web-Animationen und die Flüssigkeit einer Seite, ersetzt aber keinen vollwertigen GPU-Benchmark für native Spiele.

Die meisten Browser koppeln Animationsframes an die Bildwiederholrate des Displays. Ein 60-Hz-Monitor meldet meist knapp 60 FPS, während 120-Hz- oder 144-Hz-Displays höhere Werte melden können, wenn Browser und Betriebssystem das zulassen.

Nutze 50 FPS für eine normale Flüssigkeitsprüfung bei 60 Hz. Bei Monitoren mit hoher Bildwiederholrate setze die Schwelle näher an dein Erwartungsniveau, etwa 90 FPS oder 120 FPS.

Nein. Die Messung läuft in deinem Browser über lokale Timing-APIs. Das Tool sendet keine Frame-Daten, Screenshots oder Gerätedetails an eine externe API.

Verwandte Tools

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

JSON-Formatierer

Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.

HEX-Farbwähler

Wählen Sie eine Farbe visuell aus und erhalten Sie HEX-, RGB-, HSL-, HSV- und CMYK-Werte plus Kontrastprüfung gegen Weiß und Schwarz.

Zufälliger Farbgenerator

Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.

Farbpaletten-Generator

Erstellen Sie monochromatische, analoge, komplementäre, triadische oder tetradische Farbpaletten aus einer HEX-Basisfarbe und exportieren Sie kopierfertige CSS-Variablen.

Generator für zufällige Farbpaletten

Erstellen Sie zufällige Farbpaletten mit 2 bis 15 Farbfeldern, wählen Sie einen kräftigen, pastelligen, gedämpften oder dunklen Stil und kopieren Sie HEX-Codes oder CSS-Variablen.