Making a long list fast: content-visibility vs. virtualization

Title “Making a Long List Fast: content-visibility vs. Virtualization”, an illustration of a scrollable list of cards with icons and a scrollbar, and a person at a laptop.

Agustin Barrientos compares a list of 50,000 cards rendered three ways. The content-visibility: auto approach with contain-intrinsic-size keeps every row in the DOM and skips rendering work offscreen, while virtualization unmounts rows and quietly takes find-in-page, fragment links, focus continuity, and per-card state away from the browser.

agustinbarrientos.com/writing/senior-eye/content-visibility-vs-virtualization