Meningkatkan performa scroll dengan pemroses peristiwa pasif

Baru di Chrome 51, pemroses peristiwa pasif adalah standar web baru yang memberikan potensi peningkatan besar untuk performa scroll, terutama di perangkat seluler. Tonton video di bawah untuk melihat demo peningkatan kualitas ini secara berdampingan:

Cara kerjanya

Saat Anda men-scroll halaman dan terjadi penundaan sehingga halaman tidak terasa tertambat ke jari Anda, hal ini disebut jank scroll. Sering kali saat Anda mengalami jank scroll, penyebabnya adalah pemroses peristiwa sentuh. Pemroses peristiwa sentuh sering kali berguna untuk melacak interaksi pengguna dan membuat pengalaman scroll kustom, seperti membatalkan scroll sepenuhnya saat berinteraksi dengan Google Maps tersemat. Saat ini, browser tidak dapat mengetahui apakah pemroses peristiwa sentuh akan membatalkan scroll, jadi browser selalu menunggu pemroses selesai sebelum men-scroll halaman. Pemroses peristiwa pasif mengatasi masalah ini dengan memungkinkan Anda menetapkan tanda dalam parameter options dari addEventListener yang menunjukkan bahwa pemroses tidak akan pernah membatalkan scroll. Informasi tersebut memungkinkan browser men-scroll halaman dengan segera, bukan setelah pemroses selesai.

Pelajari lebih lanjut

Lihat blog Chromium untuk mendapatkan ringkasan umum tentang cara kerja pemroses peristiwa pasif:

API baru untuk membantu developer meningkatkan performa scroll

Dan repositori spesifikasi untuk mempelajari cara mengimplementasikan pemroses peristiwa pasif:

Penjelasan pemroses peristiwa pasif