Passive Listeners

Improving scrolling performance by using passive listeners

Accessibility

Improving scrolling performance by using passive listeners

Page scrolling can be delayed by touch and wheel event listeners; these are used as they are useful for tracking user interactions and creating customised scrolling experiences.

Browsers are not able to know in advance whether scrolling will be slowed down and therefore wait before execution ends. This can be overcome by using passive event listeners, which allow you to determine that an event listener cannot prevent scrolling.

How the SeoChecker passive event listener audit is displayed

If an event listener can delay page scrolling, SeoChecker will notify it.

Event listeners are identified by SeoChecker via this process:

Gathering the event listeners on the page;
Excluding listeners who do not touch and do not listen;
Excluding listeners that call preventDefault();
Excluding listeners from a host different than the page's one.

How can I improve scrolling performance making event listeners passive?

Once SeoChecker has identified all the event listeners, just use a passive flag to them.

document.addEventListener('touchstart', onTouchStart, {passive: true});

Related guides

Learn more about Accessibility

ARIA ATTRIBUTE

ARIA CHILDREN

ARIA INPUT FIELD

BUTTON NAME

BYPASS

COLOR CONTRAST

CONSOLE ERROR

CUSTOM CONTROLS LABELS

CUSTOM CONTROLS ROLES

DEFINITION LIST

DEPRECATIONS

DL ITEM

DOCTYPE

EXTERNAL NOOPENER

FORM LABEL

FRAME TITLE

HTML LANG

IMAGE ASPECT RATIO

JS LIBRARIES

LANG VALUE

LIST

LIST ITEM

MANIFEST

META VIEWPORT

OFFSCREEN CONTENT

TAB INDEX

TD HEADERS

UNLOAD LISTENER

VIDEO CAPTION

SEO Audit

On page SEO performance and page checkup.

Over 300 parameters for the deeper page analysis.

Try it now

Share this Guide

Did you like it? Share it!

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

OPEN GRAPH BUILDER

Builders and generators Social

Transform web pages in rich objects in a social graph.

25 Open Graph type to create a huge impact of social traffic on your website.

GRID CALCULATOR

Builders and generators

Layout Grid Calculator: set your grid system, page width, margin, gutter and columns.

Design your layout grid system for web pages and print design.

GOOGLE SERP LOOKUP

Google

Track your site’s position in Google search results for specific keywords, country and languages.

Find out your position for specific keywords.

RGB TO HEX CONVERTER

Converters

Convert instantly color codes from RGB (red, green, blue) to HEX triplets color schema and vice versa.

Insert color and try it for free.

SEO AUDIT

Check SEO performance and page checkup.

Over 250 parameters for the deeper page analysis.

Find out more about the performance of your website.

VIMEO THUMBNAIL

Images Social

Get Vimeo video thumbnails and info dataset.

Retrieve Vimeo video image thumbnails, caption, description, user info and stats.

COLOR GENERATOR

Builders and generators

Generate beautiful color palette combinations for your designs.

Get your combination scheme: analogous, triadic, complementary and so on.

VIEW PAGE SOURCE

Server and proxy

View and download any website’s Source Code.

Get the HTML source code of any online web page from any browser, devices and Os system.