Reducing DOM Size

[cjohnson19]

My documentation site has a lot of code on some pages, walking through things step-by-step. I have a custom twoslash implementation which shows output after certain steps. Since there are so many popup elements, with each being quite dense, the DOM size gets really large quite quickly. I've landed on simply showing less output, and the worst page still exceeds 4000 elements.

Is there any way to delay the loading of these DOM elements until they are meant to be displayed / their hover target enters the viewport? The ideal might be something like react-window.

This might be something I have to embark on myself or more related to twoslash. Any guidance would be appreciated, thanks!