Cómo mejorar el rendimiento de desplazamiento con objetos de escucha de eventos pasivos

Kayce Basques
Kayce Basques

Al principio de Chrome 51, los objetos de escucha de eventos pasivos son un estándar web emergente que proporciona un gran impulsor en el rendimiento del desplazamiento, especialmente en dispositivos móviles. Mira el siguiente video para obtener una demostración en paralelo de las mejoras en acción:

Cómo funciona

Cuando te desplazas por una página y la demora se produce en que no se siente anclada a tu dedo, esto se denomina bloqueo de desplazamiento. Muchas veces, cuando te encuentras con un bloqueo de desplazamiento, la causa es un objeto de escucha de eventos táctiles. Los objetos de escucha de eventos táctiles suelen ser útiles para realizar un seguimiento de las interacciones del usuario y crear experiencias de desplazamiento personalizadas, como cancelar por completo el desplazamiento cuando se interactúa con un mapa de Google incorporado. Actualmente, los navegadores no pueden saber si un objeto de escucha de eventos táctiles cancelará el desplazamiento, por lo que siempre esperan a que el objeto de escucha finalice antes de desplazarse por la página. Los objetos de escucha de eventos pasivos resuelven este problema permitiéndote establecer una marca en el parámetro options de addEventListener para indicar que el objeto de escucha nunca cancelará el desplazamiento. Esa información permite que los navegadores se desplacen por la página de inmediato, en lugar de hacerlo después de que haya finalizado el objeto de escucha.

Más información

Consulta el blog de Chromium para obtener una descripción general de alto nivel sobre el funcionamiento de los objetos de escucha de eventos pasivos:

Nuevas APIs para ayudar a los desarrolladores a mejorar el rendimiento del desplazamiento

Y el repositorio de la especificación para aprender a implementar objetos de escucha de eventos pasivos:

Explicación del objeto de escucha de eventos pasivos