Virtualize long lists and tables

Rendering hundreds or thousands of rows at once wastes memory and makes style calculation, layout, and painting more expensive. Virtualization keeps large collections responsive by limiting the number of mounted nodes.

Quick Reference

• Render only what is visible plus a small overscan buffer instead of the entire list
• Use virtualization when repeated rows or cards push DOM size and layout cost too high
• Preserve item sizing, keyboard access, and screen-reader semantics when windowing content
• Measure scroll smoothness, memory use, and DOM node count before and after the change

Check

Inspect long lists, tables, grids, and feeds for places where the UI renders every item at once. Flag views where the number of mounted rows or cards is large enough to create DOM, memory, or scroll-performance issues.

Fix

Introduce list or table virtualization so only the visible rows plus overscan render, while preserving sizing, keyboard navigation, and any required sticky headers or selection behavior.