Scroll interactions very slow on Safari and Firefox (SOLVED)

Hey there!
I’m pretty much done building a website with some scroll interactions and everything is working just fine in Chrome. However, the interactions (in the header) are very choppy on Safari and i don’t really understand why that is happening.

I found this topic which suggests setting the Transform Origin point (which I did), but that doesn’t seem to help.

Any help is hugely appreciated.


Here is my public share link: LINK
(how to access public share link)

Finally solved this issue. The problem was quite specific in my case, but in case anybody is having similar issues, here’s what happened:

I thought I was being smart by using a low res image of a background gradient image and smoothing it out with a css blur filter on top. It looks great, but the rendering messed up the page performance (although Chrome is fine). I have just removed the fx and replaced it with an image: all good!

Legend, this just helped troubleshoot for me thanks so much!

1 Like

Happy to hear this helped you out Henry!