Skip to content
424: File List Optimization episode artwork

EPISODE · Apr 29, 2026

424: File List Optimization

from CodePen Radio · host CodePen Blog

The 2.0 Editor can support hundreds of files per Pen, not to mention folders mixed in which don't count toward that total. This can be pretty weighty on the DOM and thus adversely affect performance. Especially as each file/folder has children, a variety of event listeners, are drag and drop enabled, etc. "Virtualizing" data like this is a common approach, but we've found if we just use IntersectionObserver to see if they are visible or not, "freeze" them if they aren't, and fade them in and out of life, it's a great solution. Time Jumps

Episode metadata supplied by the publisher feed · Published Apr 29, 2026

Embed this episode

Ready to play

424: File List Optimization

0:00 0:00

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

No similar podcasts found.

Frequently Asked Questions

When was this CodePen Radio episode published?

This episode was published on April 29, 2026.

Can I download this CodePen Radio episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!