Post #1784873
2026-04-23 06:57 UTC
Can we talk about SVG filter performance?
I knew that animating turbulence parameters in SVG itself (`<animate>`) was a performance hog but it seems to go further than that. When I apply a static turbulence-based filter with CSS to an animated element, even that will make my brand new M4 Macbook Pro's fan go ballistic (!)
Remove the filter and everything is cool and quiet, even though I'm sequencing generative music using custom elements behind the animation...
Replies (2)
-
@vale@fedi.vale.rocks 2026-04-23 07:00
@heydon@front-end.social Yeah, SVG filters are pretty slow. HTML-in-Canvas should hopefully allow a performant approach to many of those same effects.
-
@thomaswilburn@hachyderm.io 2026-04-23 07:24
@heydon@front-end.social Yeah, I ran into this a few years ago. Sad to hear it hasn't improved, but unfortunately also not surprising given the general neglect for SVG across all browsers.