Announcements

Help Wizard

Step 1

NEXT STEP

Desktop & Web App performance problems

Desktop & Web App performance problems

When scrolling on homepage the performance is so bad. My rig is 5600x & 4060ti and some friends have the same problems.

I did some digging and this is a css problem. Here you  can see the layerize is taking so long on every frame. Which causes big fps drops.

layerize.png


I found a issue someone had something like this and a solution they tried was They added * will-change: Top and it looks like It helped. So tried the same. adding * { will-change: Top } to the style of every element really solves the problem. But still I don't know what is the problem exactly. So I tried removing carousels using this code

const shelfs = document.querySelectorAll(`[data-testid="component-shelf"]`); [...shelfs].forEach(doc => { const child = doc.children[1] child.remove() })

And It helps. There is something with carousels on homepage that tanks the performance. I still get performance drops but this is 90% solved the issue. I will also attach a video with the fps meter.

Also to the devs: Test your code please I beg you.

Reply
0 Replies

Suggested posts

Let's introduce ourselves!

Hey there you,   Yeah, you! 😁   Welcome - we're glad you joined the Spotify Community!   While you here, let's have a fun game and get…

ModeratorStaff / Moderator/ 4 years ago  in Social & Random