Bloom grain perf test bed
Compares the two Aura bloom SVG turbulence implementations (MRs !246032 and !246333) against a tiled WebP noise overlay. Isolate one variant at a time for clean measurements.
🔗 Copy link to this setup
Variant
SVG A!246032
SVG B!246333
WebPoverlay
Streak / comet
feTurbulence + feColorMatrix/feComponentTransfer, grain composited over a single masked rect (vue_shared/components/bloom).
Theme
Light
Dark
Uses the real Aura gradient stop colors + grain opacity per theme (0.5 light / 1 dark).
Bloom position
Bottom
Center
Top right
Bottom right
Repositions the cluster anchor. Shape and relative layout of the three blobs stay the same.
WebP blend mode
Mix-blend-mode
soft-light
overlay
multiply
screen
normal (no blend)
Animation
Animate bloom
Drifts each color blob's position gently, like a slow-moving cloud. The grain itself stays static — only the shapes move.
Live perf
FPS –
Frame ms –
Long tasks 0
JS heap –
▶ Run 8s benchmark
Live numbers update continuously. The benchmark button runs a clean timed sample of the current variant/theme/animation state and logs it below.
Results log
No benchmark runs yet.
Variant Theme Anim Blend
Avg FPS P95 ms Max ms LT ms
Clear log