Measure when lists reach hundreds of items or scrolling stutters.

Yes for unrendered rows, so provide in-app search.

List Virtualization

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated October 27, 2026

List virtualization is a technique that renders only the visible part of a long list plus a small buffer.

Contents

1. Why it's needed
2. Implementation pitfalls
3. Accessibility and search
4. FAQ
5. References

Why it's needed

Rendering 5,000 contacts at once exhausts memory. Virtualization draws visible rows and recycles them (Android Developers, n.d.; web.dev, n.d.), keeping responses within 0.1 s (Miller, 1968). Great for infinite scroll and poor Core Web Vitals.

Implementation pitfalls

Estimate variable heights then correct; keep a generous buffer; pair with lazy loading. People notice brief blanks (Card et al., 1983). For simple pages, CSS content-visibility (MDN, n.d.) helps.

Accessibility and search

Unrendered rows are invisible to screen readers and find-in-page. Use aria-setsize/posinset (W3C WAI, n.d.), add in-app search, and preserve focus (W3C, 2023). Skip it for short lists.

FAQ

When do I need it?: Measure when lists reach hundreds of items or scrolling stutters.
Does Ctrl+F break?: Yes for unrendered rows, so provide in-app search.

Sources reviewed: 2026-10-27

References

web.dev. (n.d.). Virtualize large lists with react-window. Rendering only visible rows.
Android Developers. (n.d.). Create dynamic lists with RecyclerView. Recycling views on Android.
MDN Web Docs. (n.d.). content-visibility. CSS to skip offscreen rendering.
W3C WAI. (n.d.). Feed pattern. ARIA Authoring Practices Guide. Announcing size and position.
Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. Response-time limits.
Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. Perception timing model.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Focus order and name/role.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '리스트 가상화' on CampusDown →

Infinite ScrollA comparison of infinite scroll, pagination and load-more buttons: which fits browsing or goal-driven sites, position and footer problems, search indexing, stopping cues and ethics.⚙️ Engineering & Technology Core Web VitalsWhat Core Web Vitals are and the 'good' thresholds for LCP, INP and CLS, the response-time research behind them, perceived speed, how layout shift harms mobile UX and search, and the limits of optimising for metrics.⚙️ Engineering & Technology Image Lazy LoadingImage lazy loading fetches images only as they near the viewport, speeding first paint and saving data. Covers using loading="lazy", why not to lazy-load above-the-fold images, reserving space to prevent layout shift, placeholders and alt text.⚙️ Engineering & Technology AI Search Algorithms: A* and MinimaxAI search algorithms explained: state-space search, breadth-first and depth-first search, Dijkstra, heuristics and A* (admissibility, consistency), game trees, minimax and alpha-beta pruning, based on the original papers.⚙️ Engineering & Technology

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.