animation frame-drop check

a large DOM hosting closed, nested shadow roots which have continuous mutation, toggled by the user-interface; surfaces frame rendering side-effects of configurations under load

⚠︎ Caution: exercising extreme values (very high breadth or depth, very short intervals) can potentially crash the browser tab.

Builds a large baseline DOM (200,000 nodes) and renders closed shadow roots on page load — configured by breadth (sibling shadow hosts) and depth (nested shadow hosts inside each top-level host). The stage below uses requestAnimationFrame to surface frame drops both numerically (FPS / worst-frame ms) and visually (a bouncing ball that visibly stutters when frames are dropped).

Mutation interval (ms)Shadow root breadthShadow root depth

---

Current FPS

—

frames / sec

Worst Frame

—

ms blocked

Mutations

0

total across shadow roots

Frame history (newest ← left)

---