Passieve event listeners, nieuw in Chrome 51, zijn een opkomende webstandaard die de scrollprestaties aanzienlijk kunnen verbeteren, vooral op mobiele apparaten. Bekijk de onderstaande video voor een directe demonstratie van de verbeteringen:
Hoe het werkt
Wanneer u door een pagina scrolt en er zo'n vertraging is dat de pagina niet aan uw vinger vastzit, wordt dat scroll jank genoemd. Vaak is een touch event listener de boosdoener. Touch event listeners zijn vaak handig om gebruikersinteracties te volgen en aangepaste scrollervaringen te creëren, zoals het volledig annuleren van de scroll bij interactie met een ingesloten Google Maps. Momenteel kunnen browsers niet weten of een touch event listener de scroll gaat annuleren, dus wachten ze altijd tot de listener klaar is voordat ze door de pagina scrollen. Passieve event listeners lossen dit probleem op door u in staat te stellen een vlag in te stellen in de options parameter van addEventListener die aangeeft dat de listener de scroll nooit zal annuleren. Deze informatie stelt browsers in staat om de pagina direct te scrollen, in plaats van nadat de listener klaar is.
Meer informatie
Bekijk de Chromium-blog voor een uitgebreid overzicht van hoe passieve event listeners werken:
Nieuwe API's om ontwikkelaars te helpen de scrollprestaties te verbeteren
En de repository van de specificatie om te leren hoe u passieve gebeurtenisluisteraars implementeert: