-
Hi,
I use and recommend GeneratePress privately and for work. I have a lot of experience with it.When creating a store, I noticed the clunky operation of animations. I mean elements such as: Critically slow zooming in on the image and the product magnifying glass effect, slow hover on buttons, slow animations on swatches of button variants, slow animation dynamics, e.g. expanding the collapsible filter list.
Using the elimination method, I turned off: snippets, hooks, plugins. It improved after turning off the GP Premium module. I eliminated the modules one by one and it improved after turning off the background module.
It would be nice to use it in the default configuration and it would be great if you improved the operation of this module.
Template: Botanic.
Regards. -
Alvind
Hi there,
We haven’t received similar reports from other users, so this might need a closer look.
Do you have a staging site where we can log in and investigate further?
-
Hello,
I have temporarily enabled the background module. My website is: https://taniapestka.pl
Go to some product and the animations there are stuck.
Best regards. -
Hi there,
the GeneratePress backgrounds module simply writes CSS for you. For example this is the CSS it wrote for you sites body background image:
body { background-image: url('https://taniapestka.pl/wp-content/uploads/2024/10/bgc-mj6.svg'); background-repeat: repeat-y; background-size: 100% auto; background-position: 0 140px; }
Its not something we can improve or change, as its simply CSS
And it’s not the background itself that is directly at fault here.The issue you’re seeing is a Layout issue.
When the browser has to redraw the screen to show hover animations or zooms it has to consider all layers of the page. The more complex the page and the more images involved and the larger those image files are, the greater the time it can take to relayout the page. As the background image is part of the parent (body
) container and as is over 6mb in size it’s adding a lot of overhead to that process.I would recommend not using the background image on those pages especially if its attached to the body.
For example add the background image to the hero Container Block on the home page instead. -
Right now I noticed the file size, but a basic mistake… I was convinced that since I have svg it would be a light file and I didn’t verify it. In reality it was 16MB :o, I compressed it to 300 kb and now everything is ok, thanks. 🙂
-
<Marking this topic as resolved>
-
Glad to hear that!
- You must be logged in to reply to this topic.