Lagging scroll on mobile devices
Okay mates, been a while since I've been active here, but this issue had me trying for so long I need a set of fresh eyes.
Issue is this website I am working on https://treungen.netlify.app/ has a good experience on desktop. the animations are smooth and so is the scrolling behaviour.
On mobile it's not the same. probably cause of it's lack of perfomance from a computer. so I had attempts where I have no animations at all to check the result. but still the performance was just as poor.
More over I checked all assets used if their file size may be to large and that caused it. maybe they do but all images are less than 200kb, so I do not think it is the reason either.
Hopefully you the reader has any tips on where I may find my choking point.
Sharing a image from the build so you can see the sizes of the page and the size of JS.
the website can be viewed from the link above. as well as package.json
Treungen festivalen
Velkommen til Treungen festivalen, En solid opplevelse for og runde av sommeren
2 Replies
I tried loading it on my iPhone and, as soon as I started to scroll, it started reloading leading to the browser giving up.
Thanks for trying. yeah something is not well with it I will keep at it 👍