Any idea why we get this stuttering/flickering in page load (scroll into view) transition of the header section of the hero page? Here is the link to the website: https://kevins-stupendous-site-f37ab2.webflow.io/
Doesn’t show in the Webflow preview but happens once published and every time you reload.
Hi there!
The flickering effect during scroll animations is typically caused by lazy-loaded images dynamically changing the page height as they load. There are two main ways to resolve this:
Change your image loading settings from lazy load to “Eager: loads with page” in your image settings. You can adjust this in the Image Settings panel.
Alternatively, place your images within fixed-height elements to maintain consistent page dimensions during loading.
As a separate optimization tip, be selective with your transition properties. Apply transitions only to the specific properties you want to animate, rather than using them globally. This will help ensure smoother animations overall.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Thanks for this! Unfortunately, this did not work for me.
This seems to work now. Thank you!