Пассивные прослушиватели событий, впервые появившиеся в Chrome 51, — это новый веб-стандарт, который обеспечивает значительный потенциальный прирост производительности прокрутки, особенно на мобильных устройствах. Посмотрите видео ниже, чтобы наглядно увидеть улучшения в действии:
Как это работает
Когда вы прокручиваете страницу и возникает такая задержка, что страница не кажется привязанной к вашему пальцу, это называется рывком прокрутки. Во многих случаях, когда вы сталкиваетесь с рывком прокрутки, виновником является прослушиватель событий касания. Прослушиватели событий касания часто полезны для отслеживания взаимодействия с пользователем и создания настраиваемых возможностей прокрутки, таких как полная отмена прокрутки при взаимодействии со встроенной картой Google. В настоящее время браузеры не могут знать, отменит ли прослушиватель событий касания прокрутку, поэтому они всегда ждут завершения прослушивателя, прежде чем прокручивать страницу. Пассивные прослушиватели событий решают эту проблему, позволяя вам установить флаг в параметре options
addEventListener
, указывающий, что прослушиватель никогда не отменит прокрутку. Эта информация позволяет браузерам прокручивать страницу немедленно, а не после завершения прослушивателя.
Узнать больше
Ознакомьтесь с блогом Chromium, чтобы получить общий обзор того, как работают пассивные прослушиватели событий:
Новые API помогут разработчикам улучшить производительность прокрутки
И репозиторий спецификации, чтобы узнать, как реализовать пассивные прослушиватели событий: