Animation / Transition performance is very bad

[kinsi55]

Even on desktop (Firefox) transitions / animations are very sluggish as tho they are implemented with Javascript instead of CSS (I really hope they are not). This is probably only worse on Mobile.

This is very noticable when, for example, loading a profile, which runs at like 10-20 FPS but isnt exclusive to just that.

out.mp4

[byhemechi]

I can't reproduce, do you think you could send a screen recording?

Edit: whoops, video didn't load the first go, all good

[kinsi55]

It seems to be Firefox specific (Or Chrome on Mobile because less performance). I tried it in Chromium Edge and it seems fine there.

[byhemechi]

I'm thinking this is a reflow issue, I'll investigate moving to GPU transforms when I get home

[kinsi55]

Seems to be the case, I profiled it and a ton of time is spent in Layout.

That being said, I have Hardware Acceleration turned off because I have the CPU headroom to not deal with the occasional Issues which that causes, like jittery livestream playback from time to time.

[byhemechi]

Yeah definitely a reflow issue then.

IIRC it's using sveltekit transitions which I would assume would use transforms not margin.

Maybe something to do with scrolling?