Performance Bottlenecks Degrading User Experience #559
Description
Description:
The application exhibits multiple performance inefficiencies that significantly degrade the user experience, particularly when handling large datasets. Identified issues include:
1. String vs Numeric Comparison for Filtering:
Year comparison uses string values instead of numbers, leading to incorrect filtering results (e.g., "9" > "10" returns true).
2. Inefficient Pagination Rendering:
Pagination logic creates DOM buttons for all pages without limitation. This leads to browser lag when datasets exceed hundreds of entries.
3. Repeated DOM Queries on Scroll:
Every scroll event triggers a querySelectorAll, leading to excessive DOM access and janky scrolling performance.
4. Inefficient Event Listener Management:
Event listeners are removed by replacing DOM nodes, which is inefficient and causes unnecessary reflows and repaints.
5. Duplicate Email Validation Logic:
Same email validation code is duplicated, leading to maintenance overhead and potential inconsistencies.