Meningkatkan performa scroll dengan pemroses peristiwa pasif

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

Cara kerjanya

Saat Anda men-scroll halaman dan ada penundaan sehingga halaman tidak terasa terikat dengan jari Anda, hal ini disebut jank scroll. Sering kali saat Anda mengalami jank scroll, pelakunya 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, sehingga browser selalu menunggu pemroses selesai sebelum men-scroll halaman. Pemroses peristiwa pasif mengatasi masalah ini dengan memungkinkan Anda menetapkan tanda di parameter options dari addEventListener yang menunjukkan bahwa pemroses tidak akan pernah membatalkan scroll. Informasi tersebut memungkinkan browser untuk langsung men-scroll halaman, bukan setelah pemroses selesai.

Pelajari lebih lanjut

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

API baru untuk membantu developer meningkatkan performa scroll

Dan repositori spesifikasi untuk mempelajari cara menerapkan pemroses peristiwa pasif:

Penjelasan pemroses peristiwa pasif