new Steam shop performs horribly in Firefox(SOLVED)
***EDIT*** Seem to have fixed it. Game pages are now basically fixed at 120 FPS(I have 120 Hz refresh rate) even when scrolling fast, and using only about at most 17% TDP of my GPU. No need for filters or disabling certain elements either.

First, to check if hardware acceleration is enabled, type about:support in the address bar and Ctrl+F(find) the Compositing line under Graphics. If it mentions Software, then you are missing out on a lot of potential performance. To fix that:

Type about:config in the address bar. I checked several related settings, which ended up fixing the issue for me. Find the following settings and make sure they are set to the following values:
gfx.webrender.compositor = true
gfx.webrender.software = false
or
引用自 Arik De Frasia
For me, setting "gfx.webrender.compositor.force-enabled" to true is what fixed it, as gfx.webrender.compositor was already set to true and gfx.webrender.software was set to false when I was encountering the problem.

Restart the browser after making the above changes. Then, to verify, go to about:support and Ctrl+F(find) the Compositing line again under Graphics. Make sure it says WebRender, and without Software being mentioned.

If for whatever reason the settings don't work for you, perhaps there is another setting(s) somewhat that is causing the issue(s).


***ORIGINAL POST***
Not sure when this change went live and if it changed for everyone at once but man oh man the Steam shop is EXTREMELY slow now. I'm using a high resolution and DPI but still, I did previously as well with the exact same settings. The old shop performed a LOT better than it does now. Right now it's basically unusable. Hardware acceleration(with 4080 SUPER, 10900K) turned on, so that's not it. What is going on here? It runs at 1-2 FPS now(measured). In other browsers is runs extremely poorly as well.

Also the new screenshot viewer sucks. Used to be able to click anywhere on the screenshot to go to the next one, now we need to click the small arrows.

From my testing it seems that despite hardware acceleration being turned on, the GPU doesn't seem to get utilised. At least for me it is idling. CPU usage does increase a bit but nowhere near enough to be a bottleneck.

Adding ublock filters only adds about 2 FPS or so.
最后由 White ⁧⁧Wolf 编辑于; 12 月 4 日 上午 11:22
< >
正在显示第 16 - 30 条,共 77 条留言
MrDammit 11 月 8 日 上午 8:26 
I get halfway thru the list of animated avatars and the whole list resets back to the top, over and over... Its never done that before.
I guess I'm blaming the new shop.
引用自 orono
I suffer the same problem, but only on Firefox. Product pages run very slow, scroll is lagging, they use a lot of GPU. It does not happen with Brave or Edge (Chromium based browsers). Probably Steam devs do not even test their work on Firefox anymore.
I have the issue on all browsers I use(Firefox, Pale Moon and even Opera GX). The latter two have basically no addons, and no addons that my Firefox uses. So it can't be the addons either.

Did you actually see it using a lot of GPU % as you browse? Or just low performance?

引用自 MrDammit
I get halfway thru the list of animated avatars and the whole list resets back to the top, over and over... Its never done that before.
I guess I'm blaming the new shop.
This sounds like an unrelated issue and you should probably create a separate thread on it to receive relevant replies/potential help.
最后由 White ⁧⁧Wolf 编辑于; 11 月 8 日 下午 1:43
orono 11 月 8 日 下午 5:18 
引用自 White ⁧⁧Wolf
[q
Did you actually see it using a lot of GPU % as you browse? Or just low performance?

Both, GPU usage is between 3 to 4 times higher on Firefox than Edge/Brave scrolling the product pages, on the top zone (where the screenshots and videos are) the lag is very considerable. Playing the videos consume a lot of GPU too, before the change it was not noticeable.
Pekmez Pita 11 月 8 日 下午 5:57 
I am on the latest version of Firefox.

Everything is ♥♥♥♥♥♥♥ wide and the new video player atrocious. There's permanent stutter/lag on every store page especially where the video player portion resides and every video stutters when i play it. Never had this issue with the previous UI.

This is just god awful. Valve joining the rest of the tech industry by releasing untested garbage.
最后由 Pekmez Pita 编辑于; 11 月 8 日 下午 5:58
引用自 orono
Both, GPU usage is between 3 to 4 times higher on Firefox than Edge/Brave scrolling the product pages, on the top zone (where the screenshots and videos are) the lag is very considerable. Playing the videos consume a lot of GPU too, before the change it was not noticeable.
That's odd, for me the GPU usage remains very low, even when scrolling up and down aggressively around the screenshot/video section. Hardware acceleration turned on. Not sure about you but like I've said in this thread, I am using 8k resolution(4k native with 4.00x DSR, 0% smoothed) with 400% text scaling.

Something is indeed very wrong with the new page changes.
引用自 Pekmez Pita
I am on the latest version of Firefox.

Everything is ♥♥♥♥♥♥♥ wide and the new video player atrocious. There's permanent stutter/lag on every store page especially where the video player portion resides and every video stutters when i play it. Never had this issue with the previous UI.

This is just god awful. Valve joining the rest of the tech industry by releasing untested garbage.
100%

Sometimes I just don't get why companies take 1 step forward(?) and 3 steps backwards with new software versions or webpage updates.

Perhaps they've only actually tested it at like 1080p without scaling and only in very specific browsers. Opera GX that I use for some things still has the same issue despite using chromium.
orono 11 月 9 日 上午 8:43 
引用自 Pekmez Pita
I am on the latest version of Firefox.

Everything is ♥♥♥♥♥♥♥ wide and the new video player atrocious. There's permanent stutter/lag on every store page especially where the video player portion resides and every video stutters when i play it. Never had this issue with the previous UI.

This is just god awful. Valve joining the rest of the tech industry by releasing untested garbage.

Then you suffer the exact same problem than me. Firefox is losing users every month, I think several companies doesn't even test their webs with Firefox anymore.
引用自 orono
Then you suffer the exact same problem than me. Firefox is losing users every month, I think several companies doesn't even test their webs with Firefox anymore.
I hope that's not true because honestly f*ck Ggle. How as a multi-billion(or more who knows) company, Valve, can you not test the performance of something on one of the two most-used browser types?

PS on Opera GX it seems to run normally now, while I'm sure it didn't earlier. Are they rolling out optimisations in waves? It's better than nothing, and I just hope they actually optimise it for Firefox as well.

EDIT: Scratch that, it's running badly(again?) on Opera GX, and yes, it's a chromium browser. Opera GX has other issues though including some weird VRAM issue where the VRAM usage creeps up and doesn't reduce after quitting the browser(until a PC restart), so I wouldn't recommend using it - had over 10GB VRAM used yesterday while it should be around 1.5 for what I had open

This issue still very much exists - most notably on Firefox
最后由 White ⁧⁧Wolf 编辑于; 11 月 10 日 上午 7:36
opera gx is a chromium based browser
canislupus_an 11 月 10 日 下午 12:23 
引用自 orono
引用自 White ⁧⁧Wolf
I use 8k with 400% scaling, but the shop before the new update performed fine. Now it's a slideshow. Nothing changed other than the site itself.

Talking about in the browser(Firefox, in this case).

I suffer the same problem, but only on Firefox. Product pages run very slow, scroll is lagging, they use a lot of GPU. It does not happen with Brave or Edge (Chromium based browsers). Probably Steam devs do not even test their work on Firefox anymore.

Same here, scroll on product page *at screenshots) laggy with Firefox, not laggy with Chromium-Steam native
orono 11 月 10 日 下午 2:36 
I think I've found the culprit: the new "refined background imagery":
https://psteamproxy.yuanyoumao.com/news/app/593110/view/506217467911081528

I you disable all images on the page then it runs well again, including the video player. Those backgrounds must be videos or image formats not very compatible or resource heavy on Firefox. Maybe the background transparencies or some kind of "design wizardry".
最后由 orono 编辑于; 11 月 10 日 下午 2:36
引用自 orono
I think I've found the culprit: the new "refined background imagery":
https://psteamproxy.yuanyoumao.com/news/app/593110/view/506217467911081528

I you disable all images on the page then it runs well again, including the video player. Those backgrounds must be videos or image formats not very compatible or resource heavy on Firefox. Maybe the background transparencies or some kind of "design wizardry".
I suspected as much as well, but didn't think to disable images. I did notice some sort of transparent images in Firefox(in the background) and of course the issue being by far the worst around the screenshot/video area as others have also said.

Using storeDOTsteampoweredDOTcom/app/570/Dota_2/ as an example(replace DOT with .), disabling/blocking images from shared.akamai.steamstatic.com/store_item_assets/steam/apps/570/* seems to improve the performance somewhat while rapidly scrolling up and down around the problem section. In my case it raised FPS from around ~1-3 to 8. Still far from ideal but a start for sure. Heck, I don't even need to scroll - simply hovering over the review score will make my FPS go from 80 to 8. Real weird stuff going on. I'll investigate further to see how much more I can increase the page FPS.

Another thing: When it automatically goes to the next screenshot(without any user input) the FPS in my test scenario goes from a solid 80 FPS to around 3 FPS or so. Of course disabling the script solves that but also disables the function. Even with images disabled, the FPS drop is still basically just as massive. It could very well be the transparency/fade effect used itself when transitioning to the next image, even when there are no images.

Are you using 8k with 400% scaling too? If not, you can try it, to try and solve the worst case scenario(don't think anyone would use 16k or higher scaling honestly).

Update: using the above game for testing, only disabling /store_item_assets/steam/apps/570/page_bg_raw.jpg?* also made my FPS go to 7-8, so that seems to be the most problematic image so far. That's the transparent background image. For shop-wide use though the entirety of /store_item_assets/steam/apps/* would likely need to be disabled to disable such background images for all games. Going to see what else there is, if anything.

Update2: Disabling ALL images on the page only gets the FPS to 9.

Update3: Disabling style sheets reveals that the wishlist(star) icon, among others, are EXTREMELY large/high res(it's taking up my entire browser height at 8k though with 400% scaling(so 1080p I guess, which is still way oversized for such a visibly small icon) - this could be a huge issue and does seem to be when scrolling past them simply displaying them. Maybe someone can try this out as well. Some others that are way too high res seem to be the screenshot viewer arrows, accessibility icon(person standing in circle which is HUGE) and Steam Deck 'Playable' icon(big filled circle with 'i' in the centre). Someone really messed up with those icon sizes and seems to have added an extra digit or two(likely quite a bit more) to the dimensions. Disabling all images does not disable them, leading me to believe they are icons of some sort but WAY oversized for no apparent reason other than to kill performance. Can anyone confirm if this is the case on their chromium browser of choice (or if it's *only* being done this way for some reason in FF)?
最后由 White ⁧⁧Wolf 编辑于; 11 月 10 日 下午 5:26
Pekmez Pita 11 月 11 日 下午 12:45 
Seems to be better on Firefox after today's 145.0 release.

No more stutter for me and the GPU usage appears to be much lower too.
orono 11 月 11 日 下午 5:13 
It is definitely that new "feature": "refined background imagery"

引用自 orono
I think I've found the culprit: the new "refined background imagery":
https://psteamproxy.yuanyoumao.com/news/app/593110/view/506217467911081528

If you disable all images on the page then it runs well again, including the video player. Those backgrounds must be videos or image formats not very compatible or resource heavy on Firefox. Maybe the background transparencies or some kind of "design wizardry".

I have added these filters to uBlock Origin and now the lag has almost disappeared. There is still some high GPU usage loading the screenshots but a lot less than before.

The filters:


Copy & paste on Config -> My Filters, and "apply changes".
最后由 orono 编辑于; 11 月 11 日 下午 5:16
SanicTK2 11 月 12 日 上午 9:28 
It happens on websites with many animations when using Firefox, but no issues on Chromium based browsers. I wonder if it will be fixed in Firefox one day
< >
正在显示第 16 - 30 条,共 77 条留言
每页显示数: 1530 50