Migliorare le prestazioni di scorrimento con i listener di eventi passivi

I listener di eventi passivi sono una novità di Chrome 51, uno standard web emergente che fornisce un potenziale miglioramento delle prestazioni di scorrimento, in particolare sui dispositivi mobili. Guarda il video qui sotto per una demo dei miglioramenti in azione:

Come funziona

Quando scorri una pagina, si parla di un ritardo tale che la pagina non risulta ancorata al tuo dito. Molte volte, quando si verifica un jank di scorrimento, il colpevole è un listener di eventi touch. I listener di eventi touch sono spesso utili per monitorare le interazioni degli utenti e creare esperienze di scorrimento personalizzate, ad esempio per annullare completamente lo scorrimento quando si interagisce con una mappa Google incorporata. Attualmente, i browser non sono in grado di sapere se un listener di eventi touch annullerà lo scorrimento, quindi attendono sempre che il listener termini prima di scorrere la pagina. I listener di eventi passivi risolvono questo problema consentendo di impostare un flag nel parametro options di addEventListener per indicare che il listener non annullerà mai lo scorrimento. Queste informazioni consentono ai browser di scorrere la pagina immediatamente, anziché dopo la fine del listener.

Scopri di più

Consulta il blog di Chromium per una panoramica generale sul funzionamento dei listener di eventi passivi:

Nuove API per aiutare gli sviluppatori a migliorare le prestazioni di scorrimento

E il repository della specifica per scoprire come implementare i listener di eventi passivi:

Messaggio esplicativo del listener di eventi passivi