Event Listeners & Handlers

window.addEventListener('resize', function() {
  // Heavy computation
}, { passive: true });

Use async/await
Add multiple event listeners
Implement throttling or debouncing
For frequently firing events like resize or scroll, implementing throttling or debouncing is crucial for performance. Throttling limits the rate at which a function can fire (e.g., once every 100ms), while debouncing ensures the function only runs after the event stops firing for a specified time. This prevents excessive calculations and DOM updates. Additionally, using passive listeners can help with scroll performance, but it's not a complete solution for heavy computations.
Always use passive listeners