SVG — Performance Stress Test

Push the node count up and watch the FPS meter. Then flip between animating transform (compositor-friendly) and cx/cy (re-layout), and toggle a blur filter — feel the cost.

live FPS vs node count

400
animate via:
60 FPS
nodes 400
mode transform

Watch where your device drops below 60 → 30 FPS. cx/cy animation forces SVG re-layout each frame; transform stays on the compositor; a full-canvas blur filter is the most expensive of all.