Passive Listeners

Come migliorare le prestazioni dello scrolling utilizzando event listenerpassivi

Accessibility

Come migliorare le prestazioni di scrolling utilizzando listener passivi

Lo scorrimento della pagina può essere ritardato da eventi in ascolto sul tocco e sullo scrolling; vengono utilizzati in quanto utili nel tracciare le interazioni dell'utente e per creare esperienze di scrolling personalizzate. 

I browser non sono in grado di sapere in anticipo se lo scrolling sarà rallentato e quindi attendono prima di terminare l'esecuzione. Questo problema può essere superato utilizzando event listeners passivi, i quali consentono di stabilire se un event listener non può impedire lo scrolling.

Come viene visualizzato l'audit degli event listener passivi di SeoChecker

Se un event listener può ritardare lo scorrimento della pagina, SeoChecker lo segnalerà.

Gli Event listener vengono identificati da SeoChecker attraverso questo processo:

1. Raccolta degli event listener sulla pagina;
2. Esclusione dei listener che non toccano e non ascoltano;
3. Esclusione dei listener che chiamano il preventDefault();
4. Esclusione dei listener provenienti da un host diverso da quello della pagina.

Come posso migliorare le prestazioni dello scorrimento rendendo gli event listener passivi?

Una volta che SeoChecker ha identificato tutti gli event listener, è sufficiente utilizzare un flag passive per questi ultimi.

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