Warum Browser-Games laggen – und wie du es behebst

Dein Mausklick erreicht ein natives Spiel in wenigen Millisekunden. In einem Browser-Game reiht sich derselbe Klick hinter dem Betriebssystem, einer JavaScript-Engine und einem Compositor ein, bevor er ein Pixel wird. Hier erfährst du, wo Browser Verzögerung hinzufügen, wie du deinen Anteil misst — und welche Fixes die Zahl wirklich bewegen.

Stoppuhr-Diagramm mit den Stufen der Eingabeverzögerung zwischen einem Mausklick und der Reaktion eines Browser-Games
Zwischen deinem Klick und dem Pixel geht ein Browser-Klick durch mehr Hände, als du denkst.

Die Eingabekette, vom Schalter bis zum Pixel

Jeder Klick, den du machst, durchläuft ein Fließband. Jede Stufe fügt ihre eigene Verzögerung hinzu, und der Browser sitzt mitten darin:

StufeTypische KostenHinweise
Mausschalter + Debounce1-4msOptische Schalter sind am schnellsten; siehe unseren Maus-Debounce-Guide
USB / Wireless Polling1-8ms1ms bei 1000Hz Polling; bis zu 8ms bei 125Hz
OS-Event-Verteilung~1msMeist günstig, außer das System ist ausgelastet
Browser-Event-Verteilung1-10ms+Hit-Testing, JS-Hauptthread, Erweiterungen
requestAnimationFrame-Wartezeit0-16.7msBis zu einem vollen Frame bei 60Hz
Compositor + Rendering2-8msHier zählt die Hardwarebeschleunigung
Display-Scan-out + Reaktion2-17msPanel-Refresh und Pixel-Reaktionszeit

Alles zusammengerechnet kann ein Browser-Game auf einem 60Hz-Setup bei 40-60ms Klick-zu-Photon-Verzögerung liegen, bevor die Spiellogik überhaupt etwas tut. Ein natives Spiel mit Raw Input überspringt mehrere dieser Stufen komplett. Genau dieser Abstand ist der Grund, warum sich dieselbe Maus auf dem Desktop knackig und in einem Browser-Tab matschig anfühlen kann.

Die Display-Steuer: 16,7ms, bevor du irgendetwas siehst

Hier ist der Fakt, den es auf LAN-Partys zu erzählen lohnt: Bei 60Hz kann das Display allein bis zu 16,7ms Verzögerung hinzufügen — ein voller Frame — bevor dein Klick sichtbar wird. Diese eine Stufe kostet mehr als die gesamte Pipeline einer Gaming-Maus: Ein guter optischer Schalter feuert in etwa 1ms, ein 1000Hz-Poll fügt weitere 1ms hinzu.

Die Leute geben gerne 150€ aus, um 2ms an einer Maus zu sparen, während sie 16,7ms in den Monitor-Einstellungen liegen lassen. Wechsle auf 144Hz und die Frame-Steuer sinkt auf 6,9ms; bei 240Hz sind es 4,2ms. Wenn dein Monitor mehr kann, aber falsch konfiguriert ist — eine deprimierend häufige Situation —, dauert unser Guide zum Prüfen deiner echten Bildwiederholrate zwei Minuten.

Nichts davon heißt, dass die Maus egal ist. Es heißt: Latenz ist ein Budget, das über die ganze Kette verteilt wird — und die größten Posten sind selten die mit dem besten Marketing.

Den Browser-Anteil der Verzögerung messen

Du kannst nicht reparieren, was du nicht isolieren kannst. Unser Browser-Input-Latenz-Test misst das Segment, das dem Browser gehört: Er vergleicht den Zeitstempel jedes Eingabe-Events mit der hochauflösenden Uhr zu dem Moment, in dem der Event-Handler tatsächlich läuft, und meldet dann einen Median und ein 95. Perzentil über eine Reihe von Klicks, Taps oder Tastendrücken.

Lies die Ergebnisse so: Der Median ist deine typische Verarbeitungsverzögerung — auf einem gesunden Desktop-Browser üblicherweise im niedrigen einstelligen Millisekundenbereich. Das p95 ist der Ausreißer — wie schlimm es wird, wenn der Hauptthread stolpert. Ein Median von 2ms bei einem p95 von 30ms heißt: Dein Browser ist im Schnitt ok, stockt aber regelmäßig — was sich im Spiel wie zufällig gefressene Eingaben anfühlt.

Sei ehrlich, was das misst: die Verarbeitungsverzögerung an der Browser-Event-Grenze. Mausschalter, USB-Transport und Display-Scan-out sind nicht eingeschlossen — der Guide-Bereich des Tools sagt das selbst. Für das vollständige End-to-End-Bild arbeite danach die Input-Lag-Checkliste durch.

Warum sich dieselbe Maus im Browser schlechter anfühlt

Native Spiele lesen Eingaben nah am Metall — Raw-Input-APIs, die Mausdaten mit minimalem Aufwand bekommen. Browser nehmen den Panoramaweg. Das OS übergibt das Event dem Browser, der Browser entscheidet, welches Element unter dem Cursor liegt (Hit-Testing über das gesamte DOM), verteilt es an JavaScript auf dem Hauptthread — und erst dann kann dein Spielcode reagieren. Wenn der Hauptthread gerade ein Werbe-Skript ausführt, stellt sich dein Klick hinten an.

Drei browserspezifische Verstärker:

Das ist auch der Grund, warum sich Tastatureingaben im Browser schwammig anfühlen können, während dasselbe Board in einer nativen App sofort reagiert — ein Muster, das wir in Laggt meine Tastatur? und der tieferen Analyse der Tastatur-Latenz untersuchen.

Fixes, die wirklich funktionieren

In grober Reihenfolge der Wirkung:

Wende sie einzeln an und wiederhole den Latenz-Test nach jeder Änderung. Dein eigenes p95 von 25ms auf 6ms fallen zu sehen, überzeugt mehr als jeder Einstellungs-Guide.

Vsync und Frame-Pacing, in einem Absatz

Browser-Rendering ist vsynced: Frames werden im Gleichtakt mit dem Refresh deines Displays dargestellt. Das ist gut — es verhindert Tearing —, heißt aber: Dein Spiel kann nur an Frame-Grenzen aktualisieren, und jeder Frame, der seine Deadline verpasst, wartet einen ganzen extra Frame. Bei 60Hz kostet eine verpasste Deadline 16,7ms; bei 240Hz kostet dasselbe Verpassen 4,2ms. Ungleichmäßiges Frame-Pacing ist der Grund, warum ein Browser-Game '60 FPS' melden kann und sich trotzdem ruckelig anfühlt: Die Frames sind alle da, sie kommen nur zu ungleichmäßigen Zeiten an. Eine hohe Bildwiederholrate ist die billigste Kur, weil sie die Größe jedes möglichen Fehlers schrumpft.

Wenn es nicht der Browser ist

Wenn du alles oben Genannte getan hast und Spiele sich immer noch komisch anfühlen, sitzt der Flaschenhals woanders in der Kette. Die üblichen Nicht-Browser-Verdächtigen: ein Fernseher statt eines Monitors (ausgeschalteter Game-Modus kann 30-80ms hinzufügen), eine Bluetooth-Tastatur oder -Maus, ein Monitor immer noch auf 60Hz, hohe Systemlast durch eine andere App oder — in Online-Games — schlichte Netzwerk-Latenz, ein anderes Problem im selben Kostüm. Ein 20ms-Ping ist kein Input Lag, aber deine Hände können den Unterschied nicht fühlen; unser Artikel zur durchschnittlichen Reaktionszeit erklärt, warum 20ms genau am Rand der menschlichen Wahrnehmung liegen.

Arbeite das ganze System methodisch mit der Input-Lag-Checkliste durch: Miss jede Stufe, ändere eine Sache, miss erneut. Latenzjagd ist nur frustrierend, wenn du rätst.

Fazit

Browser-Games fühlen sich träge an, weil ein Browser-Klick weiter reist als ein nativer — durch Hit-Testing, den JavaScript-Hauptthread, einen vsynced Compositor und schließlich das Display. Die größten Gewinne sind langweilig und gratis: Hardwarebeschleunigung an, Bildwiederholrate richtig eingestellt, Hintergrund-Tabs und Erweiterungen gekillt, Vollbild an, Bluetooth aus. Miss die Verarbeitungsverzögerung deines Browsers, repariere die Stufen, die du kontrollierst, und beschuldige erst dann das Spiel. Die meisten 'laggy Browser-Games' sind in Wahrheit laggy Browser-Setups.

Bereit, deine eigene Hardware zu testen?

Browser-Input-Latenz-Test

Häufige Fragen

Warum fühlen sich Browser-Games im Vergleich zu echten Spielen träge an?

Native Spiele lesen Eingaben über Low-Level-APIs mit minimaler Verarbeitung. Browser leiten jede Eingabe durch OS-Verteilung, DOM-Hit-Testing und den JavaScript-Hauptthread, bevor der Spielcode sie sieht, und stellen Frames dann vsynced zu deinem Display dar. Ein voller Tab oder ein 60Hz-Monitor fügt locker 20-40ms hinzu, die ein natives Spiel nie zahlt.

Wie reduziere ich Input Lag in Browser-Games?

Die fünf wirksamsten Fixes: Hardwarebeschleunigung aktivieren, Monitor auf die echte Bildwiederholrate stellen, Hintergrund-Tabs und Erweiterungen schließen, im Vollbild spielen und kabelgebundene oder 2,4GHz-Peripherie statt Bluetooth nutzen. Miss die Veränderung nach jedem Schritt mit dem Browser-Input-Latenz-Test.

Fügt Bluetooth Input Lag hinzu?

Ja — typischerweise 10-20ms zusätzlich zu allem anderen, plus gelegentliche Stockungen bei Paket-Neuübertragungen. Bluetooth ist fürs Tippen und Büroarbeit ok, aber fürs Gaming ist ein 2,4GHz-Dongle oder eine Kabelverbindung messbar präziser.

Ist Browser Input Lag dasselbe wie Ping?

Nein. Input Lag ist die Verzögerung zwischen deiner physischen Aktion und der lokalen Reaktion des Spiels; Ping ist der Netzwerk-Rundweg zu einem Server. Sie fühlen sich in der Hand identisch an — du klickst und etwas passiert zu spät —, weshalb sie verwechselt werden. Der Latenz-Test misst lokale Verarbeitungsverzögerung; Ping braucht einen Netzwerk-Test.

Reduziert ein 144Hz-Monitor den Input Lag im Browser?

Ja, auf zwei Arten. Die vsynced Frame-Wartezeit sinkt von bis zu 16,7ms bei 60Hz auf 6,9ms bei 144Hz, und jede verpasste Frame-Deadline kostet 10ms weniger. Alles davor — Maus, OS, Browser-Verarbeitung — bleibt gleich, aber die Display-seitige Steuer schrumpft sofort.

Menü