Scale — hundreds of tiles, cache-busted
The library's story at scale. Each panel scrolls independently. The left panel is the stock web: <img> tags in a CSS column layout, all fired at once. The right panel uses PrepareQueue to measure every tile with dimsOnly: true up front (saves the image body bytes), lays out the full grid from known dims, and IntersectionObserver triggers a full fetch for tiles as they scroll into view. Crank the slider to 500 and watch what happens.
Tiles
200
Naive <img> · CSS column
First tile loaded—
All tiles loaded—
Visible shifts—
Bytes transferred—
Preimage PrepareQueue + dimsOnly
First tile placed—
All tiles placed—
Visible loaded—
Bytes transferred—