Throttle (Throttling)

TL;DR: Throttling adalah teknik yang membatasi frekuensi eksekusi sebuah fungsi, misalnya maksimal satu kali setiap 200 milidetik. Ini berguna untuk event yang terpicu sangat sering, seperti scroll atau resize, agar aplikasi tetap responsif dan tidak boros sumber daya.

Apa itu Throttle?

Throttle adalah cara mengatur agar sebuah fungsi tidak berjalan terlalu sering. Saat event seperti menggulir halaman terjadi puluhan kali per detik, menjalankan fungsi di setiap pemicu bisa membuat antarmuka tersendat. Dengan throttling, fungsi hanya boleh berjalan satu kali dalam interval tetap, berapa pun banyaknya event yang masuk. Analoginya seperti pintu yang hanya membuka tiap beberapa detik, walau banyak orang menekan tombolnya.

Throttle sering dibandingkan dengan debounce. Keduanya membatasi eksekusi, tetapi throttle menjalankan fungsi secara berkala selama event berlangsung, sedangkan debounce menunggu sampai event berhenti. Keduanya membantu menjaga Core Web Vitals tetap sehat.

Throttle vs Debounce

Kenapa Penting?

Untuk web dengan banyak interaksi, throttling menjaga performa tetap stabil dan menghindari pemborosan pemrosesan. Saat membangun halaman dengan animasi berbasis scroll, saya memakai throttle agar perhitungan posisi tidak terjadi di setiap frame, sehingga halaman tetap mulus di perangkat dengan spesifikasi terbatas.

Pertanyaan Umum

Kapan memakai throttle dan kapan debounce?

Pakai throttle untuk event berkelanjutan yang perlu respons berkala seperti scroll. Pakai debounce ketika hanya butuh aksi terakhir, seperti saat pengguna selesai mengetik.

Apakah throttle mengurangi akurasi?

Tidak signifikan untuk kebanyakan kasus. Throttle mengurangi frekuensi, bukan menghilangkan respons, sehingga aplikasi tetap mengikuti aksi pengguna dengan jeda yang wajar.