Frame-Skipping-Test

Sehen Sie einem sich bewegenden Balken zu, der bei jedem übersprungenen Frame aufblinkt. Prüfen Sie gerenderte und übersprungene Frames, Bildwiederholrate und einen sofortigen Ruckel-Wert.

Halte diesen Tab im Vordergrund, während der Test läuft. Ein Wechsel zu einem anderen Tab oder einer anderen App pausiert das Rendering des Browsers und verfälscht die Skip-Zählung.

Drücke Start. Der Balken bewegt sich sofort, während die Frame-Messung im Hintergrund läuft.

Sieh jeden übersprungenen Frame in dem Moment, in dem er passiert

Flüssige Bewegung auf einem Bildschirm hängt davon ab, dass jeder Frame pünktlich ankommt. Wenn dein Browser oder der Grafiktreiber auch nur leicht in Rückstand gerät, wird ein Frame übersprungen und dasselbe Bild bleibt einen Zyklus länger stehen, was du normalerweise nur als vages Ruckeln spürst. Dieser Test misst jeden einzelnen Frame statt nur eines Durchschnitts, sodass du genau siehst, wie oft das passiert und wie stark es ausfällt.

Warum einen Frame-Skipping-Test durchführen?

Frame-für-Frame-Timing

Jeder Frame wird gegen den vorherigen gemessen, mit der eigenen Animationsuhr des Browsers, nicht mit einem groben Durchschnitt.

Automatisch erkannte Bildwiederholrate

Der Test ermittelt die echte Bildwiederholrate deines Bildschirms während des Laufs, egal ob 60Hz, 120Hz oder 144Hz.

Live-Skip-Blitze

Der bewegte Balken blinkt in dem Moment, in dem ein Skip erkannt wird, sodass du das Gesehene mit dem Aufgezeichneten abgleichen kannst.

Verständliche Punktzahl

Stoppe den Test jederzeit für eine Skip-Rate, den längsten Aussetzer und eine Ruckel-Bewertung ohne Fachchinesisch.

So funktioniert Frame-Skipping-Test

Jeder Monitor baut sein Bild mit einer festen Rate neu auf: 60-, 120- oder 144-mal pro Sekunde. Ein Frame-Skip passiert, wenn der Browser das Zeichnen nicht rechtzeitig für diesen Bildaufbau schafft, sodass dasselbe Bild einen Zyklus länger stehen bleibt, bevor es aufholt. Einen einzelnen Skip merkst du kaum, aber reihen sich genug davon aneinander, wird aus flüssiger Bewegung ein sichtbares Ruckeln.

Dieser Test bewegt einen Balken ununterbrochen über eine Spur und misst jeden Frame mit der eigenen Animationsuhr des Browsers statt mit einem festen Intervall. Während er läuft, beobachtet er, wie schnell Frames normalerweise ankommen, um deine echte Bildwiederholrate zu berechnen, denn diese Zahl unterscheidet sich zwischen einem 60Hz-Laptop-Bildschirm und einem 144Hz-Gaming-Monitor. Von da an wird jeder Frame, der spürbar länger braucht als erwartet, als Skip protokolliert, und der Balken blinkt in dem Moment rot auf, sodass du das Gesehene mit dem Aufgezeichneten abgleichen kannst.

Während der Test läuft, siehst du live die Anzahl gerenderter Frames, übersprungener Frames, die Skip-Rate in Prozent und den längsten Aussetzer in Millisekunden. Beim Stoppen werden diese Zahlen in eine einfache Punktzahl umgewandelt, von flüssig bis stark ruckelnd, basierend darauf, wie oft tatsächlich Frames ausgelassen wurden, statt auf einem einzelnen Durchschnittswert.

Alles läuft lokal in deinem Browser-Tab über requestAnimationFrame ab. Es werden weder Video noch Zeitdaten noch Geräteinformationen irgendwohin gesendet, und ein Tabwechsel oder das Schließen stoppt den Test sofort.

So verwenden Sie Frame-Skipping-Test

1

Test starten

Drücke Start, und der Balken bewegt sich sofort, während die Frame-Messung leise im Hintergrund läuft.

2

Auf rote Blitze achten

Jedes Mal, wenn ein Frame zu lange braucht, blinkt der Balken rot auf und der Skip-Zähler steigt in Echtzeit.

3

Stoppen für deine Punktzahl

Stoppe den Test jederzeit, um die Gesamtzahl der Frames, die Skip-Rate, den längsten Aussetzer und eine verständliche Ruckel-Bewertung zu sehen.

Häufig gestellte Fragen

Was genau zählt bei diesem Test als "übersprungener Frame"?
Ein übersprungener Frame ist ein Moment, in dem der Bildschirm laut seiner normalen Bildwiederholrate ein neues Bild zeigen sollte, das vorherige Bild aber einen Zyklus länger stehen blieb, weil der Browser nicht rechtzeitig fertig war. Der Test erkennt das, indem er die Zeit zwischen den Frames mit dem typischen Bildaufbau-Intervall deines Monitors vergleicht, das er während des Laufs automatisch berechnet.
Woher kennt der Test die Bildwiederholrate meines Monitors, ohne dass ich sie eingebe?
Er beobachtet die natürlichen Abstände zwischen den Frames, während sich der Balken bewegt, und nimmt die kürzesten, gleichmäßigsten Abstände als echtes Aktualisierungsintervall, denn ein Skip kann diesen Abstand nur verlängern, nie verkürzen. So erkennt er sowohl einen 60Hz-Laptop-Bildschirm als auch einen 144Hz-Gaming-Monitor korrekt, ganz ohne manuelle Einstellung.
Ist eine Skip-Rate von 1 % oder 2 % ein Grund zur Sorge?
Nein. Ein kleiner Anteil an Skips ist selbst bei guter Hardware normal, da Hintergrundprozesse und Aufgaben des Betriebssystems das Rendering gelegentlich kurz unterbrechen. Skip-Raten unter etwa 3 % fallen im normalen Gebrauch meist nicht auf. Werte im zweistelligen Bereich lohnt es sich zu untersuchen.
Warum sehe ich mehr Skips, wenn andere Tabs oder Apps geöffnet sind?
Jeder offene Tab und jede Hintergrund-App konkurriert um dieselbe CPU- und GPU-Zeit, die dein Browser braucht, um den Balken pünktlich neu zu zeichnen. Videoanrufe, andere animierte Seiten und schwere Downloads im Hintergrund sind häufige Ursachen für eine höhere Skip-Rate.
Zählt ein Tabwechsel während des Tests gegen meine Punktzahl?
Nein. Browser drosseln oder stoppen das Rendering in Hintergrund-Tabs fast vollständig, um Energie zu sparen, was sonst als ein riesiger, falscher Aussetzer erscheinen würde. Der Test behandelt solche ungewöhnlich langen Lücken als Pause und zählt sie nicht als übersprungene Frames.
Kann ein älterer oder schwächerer Grafikchip Frame-Skipping verursachen?
Ja. Hardware, die es nicht schafft, das Rendering innerhalb eines einzigen Aktualisierungsintervalls abzuschließen, zeigt eine höhere Skip-Rate, was bei höheren Bildwiederholraten wie 120Hz oder 144Hz noch deutlicher wird, da dem Browser dort viel weniger Zeit pro Frame bleibt als bei einem üblichen 60Hz-Bildschirm.
Warum ist Frame-Skipping beim Gaming wichtiger als beim normalen Surfen?
Schnelle Bewegungen, etwa das Verfolgen eines Ziels in einem Shooter oder ein Kameraschwenk, machen jede Unregelmäßigkeit im Frame-Timing viel leichter bemerkbar. Ein Skip, der beim Lesen einer Seite unbemerkt bliebe, kann sich in einem schnellen Spiel wie ein Ruckler oder ein verpasster Schuss anfühlen.
Ist das dasselbe wie der FPS-Zähler in Spielen?
Er misst etwas Ähnliches, aber während der FPS-Zähler eines Spiels meist einen einzigen Durchschnittswert pro Sekunde meldet, betrachtet dieser Test das Timing jedes einzelnen Frames und erfasst so einzelne Skips, die ein Durchschnitt leicht verbergen kann.
Erhitzt dieser Test mein Gerät oder verbraucht er schnell den Akku?
Nein. Einen einzelnen Balken über den Bildschirm zu bewegen, ist für jedes Gerät eine leichte Aufgabe, ganz anders als ein GPU-Stresstest. Rechne mit normalem Akkuverbrauch, nicht mit Lüftergeräuschen oder Wärme wie bei einem anspruchsvolleren Benchmark.
Kann ich meine Skip-Rate mit der von jemandem auf einem anderen Gerät vergleichen?
Ein grober Vergleich ist möglich, aber behandle ihn als groben Anhaltspunkt und nicht als exaktes Benchmark. Bildwiederholrate, Browser und die Anzahl anderer laufender Programme beeinflussen alle das Ergebnis. Am fairsten ist ein Vergleich auf demselben Gerät und Browser über die Zeit.
Stoppt das Schließen des Tabs den Test sofort?
Ja. Der Test läuft nur, während die Seite geöffnet ist. Das Schließen des Tabs oder das Verlassen der Seite stoppt ihn sofort, ohne dass etwas im Hintergrund weiterläuft.

Verwandte Werkzeuge

Frame-Skipping-Test wird von CodeItBro gewartet. Wir streben danach, die besten kostenlosen Entwicklerwerkzeuge im Web bereitzustellen. Wenn Sie Feedback oder Vorschläge haben, besuchen Sie bitte unsere Kontaktseite.

Kommentare

Fragen, Korrekturen und hilfreiche Hinweise sind willkommen. Kommentare werden vor der Veröffentlichung geprüft.

Kommentare werden geladen...

Kommentare werden mit Cusdis Cloud gespeichert und moderiert. Die E-Mail-Adresse ist optional. Datenschutzrichtlinie

Bekannt aus

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge