The answer
300ms. It is fast enough to feel responsive and slow enough to skip intermediate keystrokes. For faster response use 200ms, for slower 500ms.
Debounce Use Cases and Real-World Examples
What delay should you use for debouncing a search input?
More FAQs in Debounce Use Cases and Real-World Examples
Search inputs (delay API call), window resize (delay layout recalculation), auto-save (save after editing stops), form validation (validate after input stops), and button click (prevent double-clicks with immediate flag).
const onResize = debounce(() => recalculateLayout(), 250); window.addEventListener('resize', onResize). This prevents excessive layout recalculation while the user is dragging the window.
const autoSave = debounce(() => saveDocument(), 1000); editor.addEventListener('input', autoSave). This saves 1 second after the user stops typing, avoiding a save on every keystroke.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.