Frame-Skipping-Test

Fotografieren Sie eine browsergetaktete Frame-Sequenz und suchen Sie in gültigen READY-Aufnahmen nach reproduzierbaren Lücken.

Kameramuster des Frame-Skipping-Tests

Browser-Timing wird aufgewärmt…Läuft automatisch, solange diese Seite sichtbar ist.

Warten Sie auf READY und fotografieren Sie dann das bewegte Blockmuster mit einer Kamera.

Während READY rückt jeder akzeptierte Browser-Frame exakt eine aufeinanderfolgende Position weiter. Das Browser-Timing fügt niemals eine visuelle Lücke ein.

  1. Auf READY warten.
  2. Kamera verwenden. Fotografieren Sie die bewegten Blöcke.
  3. Etwa 1/10 s oder länger verwenden. Mehrere Blöcke sollten sichtbar sein.
  4. Screenshots funktionieren nicht.
  5. Nach wiederholbaren Lücken suchen in gültigen READY-Fotos.
Durchgängiges Beispiel
Beispiel mit Lücke

Wiederholbare Lücken in mehreren gültigen READY-Fotos können auf Display-Frame-Skipping hinweisen. Kamera-Belichtung oder Aufnahmen außerhalb von READY können ebenfalls schlechte Bilder erzeugen.

Das Frame-Skipping-Muster wärmt das Browser-Timing auf.

So funktioniert dieser Frame-Skipping-Test

Der Browser wartet auf eine stabile requestAnimationFrame-Kadenz. Solange READY gültig bleibt, bewegt jeder akzeptierte Browser-Frame den hellen Block exakt um eine aufeinanderfolgende Position weiter. Das Browser-Timing fügt niemals künstlich eine visuelle Lücke ein.

Warum ein Kamerafoto erforderlich ist

Ein Kamerafoto mit längerer Belichtung kann mehrere angezeigte Musterzustände in einem Bild erfassen. Ein Screenshot erfasst nur den aktuellen gerenderten Browserzustand und kann nicht zeigen, ob das physische Display jeden Refresh tatsächlich dargestellt hat.

So interpretieren Sie Lücken

Eine reproduzierbar fehlende Position in mehreren Fotos, die während READY aufgenommen wurden, kann darauf hinweisen, dass das Display nicht jeden Musterzustand dargestellt hat. Ein einzelnes schlechtes Foto ist kein Urteil; Belichtung oder instabiles Timing können ebenfalls irreführende Lücken erzeugen.