이벤트 위임(Event Delegation)


이벤트 위임은 하위 요소에 대한 이벤트 핸들러를 상위 요소에 하나만 할당하는 기법입니다. 이로 인해 많은 핸들러를 추가할 필요가 없어지며, 메모리 사용과 성능을 향상시킵니다.

쓸모 없는 이벤트 제거


필요하지 않은 이벤트 리스너는 제거하여 성능을 향상시킵니다. 뷰가 화면에서 사라지는 경우에는 해당 요소의 이벤트 리스너를 제거하는 것이 중요합니다.

이벤트 캡처와 버블링 활용


이벤트 캡처와 버블링은 이벤트 전파 방식입니다. 캡처 단계에서 이벤트를 잡아서 처리하거나, 버블링 단계에서 처리하는 등 최적의 단계에서 이벤트를 처리해 성능을 개선할 수 있습니다.

비동기 이벤트 처리


이벤트 핸들러의 실행이 많은 연산을 필요로 할 때, 비동기적으로 처리하여 브라우저의 렌더링을 차단하지 않도록 합니다.

이벤트 쓰로틀링과 디바운싱


이벤트 쓰로틀링은 일정 시간 동안 이벤트 핸들러를 제한하여 빈번한 호출을 방지합니다. 디바운싱은 일정 시간 내에 같은 이벤트가 연속적으로 발생하면 마지막 이벤트만 처리하도록 합니다. 스크롤, 리사이징 등에 유용합니다.

Passive 이벤트 리스너 사용


Passive 이벤트 리스너는 브라우저에게 이벤트 핸들러가 스크롤을 차단하지 않음을 알려주어 성능을 향상시킵니다. 특히 스크롤 이벤트의 경우에 유용합니다.

렌더링 최적화