Améliorer les performances de défilement avec des écouteurs d'événements passifs

Nouveautés de Chrome 51, les écouteurs d'événements passifs sont une norme Web émergente qui offre un potentiel d'amélioration important des performances de défilement, en particulier sur mobile. Regardez la vidéo ci-dessous pour découvrir une démonstration côte à côte des améliorations en action:

Fonctionnement

Lorsque vous faites défiler une page et qu'il y a un tel délai que la page ne semble pas ancrée à votre doigt, on parle de "jank" de défilement. Lorsque vous rencontrez un à-coup de défilement, il est souvent dû à un écouteur d'événement tactile. Les écouteurs d'événements tactiles sont souvent utiles pour suivre les interactions des utilisateurs et créer des expériences de défilement personnalisées, par exemple pour annuler complètement le défilement lorsque vous interagissez avec une carte Google intégrée. Actuellement, les navigateurs ne peuvent pas savoir si un écouteur d'événement tactile va annuler le défilement. Ils attendent donc toujours que l'écouteur ait terminé avant de faire défiler la page. Les écouteurs d'événements passifs résolvent ce problème en vous permettant de définir un indicateur dans le paramètre options de addEventListener indiquant que l'écouteur n'annulera jamais le défilement. Ces informations permettent aux navigateurs de faire défiler la page immédiatement, plutôt qu'après la fin de l'écouteur.

En savoir plus

Consultez le blog Chromium pour obtenir une vue d'ensemble du fonctionnement des écouteurs d'événements passifs:

Nouvelles API pour aider les développeurs à améliorer les performances de défilement

Et le dépôt de la spécification pour découvrir comment implémenter des écouteurs d'événements passifs:

Explication de l'écouteur d'événements passifs