Debounce and throttle event handlers

High-frequency events fire hundreds of times per second, causing UI jank, excessive API calls, and poor Interaction to Next Paint (INP) scores.

Quick Reference

• Debounce: delays execution until activity stops (search inputs, form validation)
• Throttle: limits execution rate (scroll, resize handlers)
• Use 150-300ms delay for user input, 100ms for scroll/resize
• Clean up event listeners to prevent memory leaks

Check

Review this JavaScript code for scroll, resize, input, mousemove, or other high-frequency event handlers that should use debounce or throttle.

Fix

Add debounce or throttle to high-frequency event handlers to limit execution rate and improve performance.