Hazy icon indicating copy to clipboard operation
Hazy copied to clipboard

Insane Lag

Open tookender opened this issue 1 year ago • 14 comments

How do I make the application use more FPS or something? It is extremely laggy when scrolling down or navigation the application at all.

https://github.com/user-attachments/assets/628306b9-72d1-4cfa-b4c4-edfedf5e3f83

tookender avatar Dec 22 '24 17:12 tookender

This video isn't loading for me, but I'd recommend toggling Hardware Acceleration.

image

Astromations avatar Dec 26 '24 09:12 Astromations

This video isn't loading for me, but I'd recommend toggling Hardware Acceleration.

image

That unfortunately does nothing.

tookender avatar Dec 28 '24 15:12 tookender

Currently this theme uses waaaaay too much CPU, I guess it's just an optimization issue. It's quite disapointing, since the theme is the best one I ever found, but the lag issues are sometimes too overwhelming to use. Let's hope the dev improves it, because it really is a nice theme!

JMTIEM avatar Jan 11 '25 23:01 JMTIEM

The simple answer is your computer isn't powerful enough to handle all the CSS transparency/blur effects in-use by the theme. The same exact thing happened with my previous computer, and made the theme unusable for me. When I upgraded to a more powerful system, I haven't had any performance issues since. The effects are cpu-rendered at the moment though.

Apparently, you can potentially force elements to be rendered by the GPU (which would greatly improve performance), but I have not tested this myself: https://graffino.com/til/how-to-fix-filter-blur-performance-issue-in-safari

SoCuul avatar Jan 12 '25 07:01 SoCuul

It's strange though, my CPU is not bad at all, but if I check task manager whenever spotify is open (not minimized) it takes 30% of my CPU usage. I will try to force it run through my GPU and see tho, thanks!

JMTIEM avatar Jan 12 '25 12:01 JMTIEM

My spotify averages at 4% cpu usage when idle, and while scrolling/loading stuff like the hope page it goes up to a maximum of 12%

SoCuul avatar Jan 12 '25 12:01 SoCuul

Change your new home carousel experimental settings new carousel home is laggy in most of the devices

The Issue is with Spotify. Checkout without the theme and you will find the lag

image

sanoojes avatar Jan 13 '25 14:01 sanoojes

The simple answer is your computer isn't powerful enough to handle all the CSS transparency/blur effects in-use by the theme. The same exact thing happened with my previous computer, and made the theme unusable for me. When I upgraded to a more powerful system, I haven't had any performance issues since. The effects are cpu-rendered at the moment though.

Apparently, you can potentially force elements to be rendered by the GPU (which would greatly improve performance), but I have not tested this myself: https://graffino.com/til/how-to-fix-filter-blur-performance-issue-in-safari

I am not sure that is the issue, I have a pretty powerful computer with a RTX 3080 Ti and a 9 5950X, I am pretty sure that should be able to handle some transparency/blur effects on Spotify, as it handles them on any other app such as my browser, fire explorer, etc.

tookender avatar Jan 15 '25 19:01 tookender

The simple answer is your computer isn't powerful enough to handle all the CSS transparency/blur effects in-use by the theme. The same exact thing happened with my previous computer, and made the theme unusable for me. When I upgraded to a more powerful system, I haven't had any performance issues since. The effects are cpu-rendered at the moment though. Apparently, you can potentially force elements to be rendered by the GPU (which would greatly improve performance), but I have not tested this myself: https://graffino.com/til/how-to-fix-filter-blur-performance-issue-in-safari

I am not sure that is the issue, I have a pretty powerful computer with a RTX 3080 Ti and a 9 5950X, I am pretty sure that should be able to handle some transparency/blur effects on Spotify, as it handles them on any other app such as my browser, fire explorer, etc.

That's quite strange then. I'm personally running it on an Apple M4 Max 128G so there may be some platform differences.

SoCuul avatar Jan 17 '25 08:01 SoCuul

Hi, I too have encountered this problem, although my PC is far from being the weakest. It's definitely not a theme issue, as the lags happen without it. Apparently Spotify redraws the screen too often when scrolling, which is causing the lags. I came across a way to make the browser redraw elements using the GPU, which greatly improved scrolling performance. For convenience, I made an extension that can be found in the spicetify shop called Smooth Scrolling. Try this method, I think it will work for you

iHelops avatar Jan 21 '25 10:01 iHelops

https://discord.com/channels/842219447716151306/1207377288581218465/1331768826278449184 Image

He created an extension with AI that adds transform and translate3d properties to scrollable containers, which helps to reduce lag. I also made a simple CSS snippet that achieves a similar effect.

div[role="tablist"],
.StyledTabList-tablist-tabList,
div[data-overlayscrollbars-viewport],
div[data-overlayscrollbars],
.search-searchCategory-categoryGrid,
.main-yourLibraryX-libraryContainer,
.main-yourLibraryX-libraryFilter,
.main-navBar-mainNav,
.main-yourLibraryX-library {
	will-change: transform;
	transform: translate3d(0px, 0px, 0px);
}

sanoojes avatar Jan 24 '25 13:01 sanoojes

Hi, I too have encountered this problem, although my PC is far from being the weakest. It's definitely not a theme issue, as the lags happen without it. Apparently Spotify redraws the screen too often when scrolling, which is causing the lags. I came across a way to make the browser redraw elements using the GPU, which greatly improved scrolling performance. For convenience, I made an extension that can be found in the spicetify shop called Smooth Scrolling. Try this method, I think it will work for you

ohh it works the same i think using the above css is better as it reduces complication

sanoojes avatar Jan 24 '25 13:01 sanoojes

ohh it works the same i think using the above css is better as it reduces complication

Yep, that's a good solution too. The js solution ensures that the optimisation is applied to all scrolling containers, so you can be sure that the next spotify update won't break it, even though it's unlikely. But then again, your solution is also very good

iHelops avatar Jan 24 '25 14:01 iHelops

ohh it works the same i think using the above css is better as it reduces complication

Yep, that's a good solution too. The js solution ensures that the optimisation is applied to all scrolling containers, so you can be sure that the next spotify update won't break it, even though it's unlikely. But then again, your solution is also very good

JS solution is not optimized it runs on every change in DOM which is so inefficent also css classes are easy to update or change if needed Although JS is much better to check the containers but i think its overkill for the simple thing

sanoojes avatar Jan 24 '25 18:01 sanoojes