Scrollleistung mit passiven Event-Listenern verbessern

Neu in Chrome 51 sind passive Event-Listener ein neuer Webstandard, der die Scrollleistung deutlich steigern kann, insbesondere auf Mobilgeräten. Im folgenden Video siehst du eine Demo der Verbesserungen in Aktion:

Funktionsweise

Wenn Sie auf einer Seite scrollen und es so weit ist, dass sie sich nicht am Finger verankert anfühlt, spricht man von Scroll-Jank. Wenn Scroll-Verzögerungen auftreten, ist die Ursache häufig ein Touch-Event-Listener. Touch-Ereignis-Listener sind häufig nützlich, um Nutzerinteraktionen zu verfolgen und benutzerdefinierte Scrollvorgänge zu erstellen, z. B. um das Scrollen bei der Interaktion mit einer eingebetteten Google-Karte vollständig abzubrechen. Derzeit können Browser nicht wissen, ob ein Touch-Event-Listener das Scrollen abbrechen wird. Daher wird mit dem Scrollen auf der Seite immer gewartet, bis der Listener fertig ist. Passive Event-Listener lösen dieses Problem, da sie die Möglichkeit bieten, im Parameter options von addEventListener ein Flag festzulegen, das angibt, dass der Listener das Scrollen niemals abbricht. Anhand dieser Informationen können Browser sofort durch die Seite scrollen, anstatt erst nach Abschluss des Listeners.

Weitere Informationen

Im Chromium-Blog erhalten Sie einen allgemeinen Überblick darüber, wie passive Ereignis-Listener funktionieren:

Neue APIs, mit denen Entwickler die Scrollleistung verbessern können

Im Repository der Spezifikation finden Sie Informationen zum Implementieren passiver Event-Listener:

Erläuterung des Listeners für passive Ereignisse