Demo 1: Full render
Ships all 100,000 <li> nodes directly in the HTML document.
Browser performance demos
Rendering 100,000 names
Each demo isolates a different cost: keeping everything live, shipping inert templates, building templates incrementally, or rendering from JS data with recycled nodes.
Demo 2: Templates + virtualization
Ships inert page markup in <template> tags and mounts only nearby pages.
Demo 3: JS virtualization
Generates row data in JavaScript and recycles a small pool of live nodes while scrolling.
Open JS virtualization exampleDemo 4: Chunked templates
Builds template pages incrementally in JS batches, then mounts only nearby pages into the live DOM.
Open lazy paged templates example