Verbetering van de scrollprestaties met passieve gebeurtenislisteners

Nieuw in Chrome 51: passieve gebeurtenislisteners zijn een opkomende webstandaard die de scrollprestaties aanzienlijk kunnen verbeteren, vooral op mobiel. Bekijk de onderstaande video voor een zij-aan-zij demo van de verbeteringen in actie:

Hoe het werkt

Wanneer u door een pagina scrollt en er is zo'n vertraging dat de pagina niet het gevoel heeft dat deze aan uw vinger verankerd is, wordt dat scroll-jank genoemd. Wanneer u een scroll-jank tegenkomt, is de boosdoener vaak een luisteraar van aanraakgebeurtenissen. Aanraakgebeurtenislisteners zijn vaak handig voor het volgen van gebruikersinteracties en het creëren van aangepaste scroll-ervaringen, zoals het helemaal annuleren van het scrollen bij interactie met een ingesloten Google Maps. Momenteel kunnen browsers niet weten of een aanraakgebeurtenislistener het scrollen gaat annuleren, dus wachten ze altijd tot de luisteraar klaar is voordat ze door de pagina scrollen. Passieve gebeurtenislisteners lossen dit probleem op door u in staat te stellen een vlag in te stellen in de options van addEventListener , die aangeeft dat de luisteraar de scroll nooit zal annuleren. Met die informatie kunnen browsers onmiddellijk door de pagina scrollen, in plaats van nadat de luisteraar klaar is.

Kom meer te weten

Bekijk de Chromium-blog voor een uitgebreid overzicht van hoe passieve gebeurtenislisteners werken:

Nieuwe API's waarmee ontwikkelaars de scrollprestaties kunnen verbeteren

En de repository van de specificatie om te leren hoe u passieve gebeurtenislisteners kunt implementeren:

Luisteraar-uitlegger voor passieve gebeurtenissen