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

Kayce Basques
Kayce Basques

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

Cómo funciona

Cuando te desplazas por una página y hay una demora tal que la página no se siente anclada a tu dedo, se denomina bloqueo del desplazamiento. Muchas veces, cuando se produce un bloqueo del desplazamiento, el culpable es un objeto de escucha de eventos táctiles. Los objetos de escucha de eventos táctiles suelen ser útiles para hacer un seguimiento de las interacciones del usuario y crear experiencias de desplazamiento personalizadas, como cancelar el desplazamiento por completo 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 termine antes de desplazar la página. Los objetos de escucha de eventos pasivos resuelven este problema, ya que te permiten establecer una marca en el parámetro options de addEventListener que indica 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 el objeto de escucha haya terminado.

Más información

Consulta el blog de Chromium para obtener una descripción general de alto nivel sobre cómo funcionan 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