TomR

After playing about for a while I managed to fix the most severe issues by ensuring that background images were all sized 2400px by 1600px. Previously they were larger than this by varying amounts which for some reason was causing problems.

Ok thanks for the pointers! Will look into your suggestions.

Thanks for the helpful responses folks! Regarding only animating things when they are on screen, do I achieve that by adding 'pause' within toggleActions? or is it something else? I will try experimenting with will-change and force3D too.

I'm currently working on the below parallax scrolling site using ScrollTrigger: http://piano-raves.s3-website.eu-west-2.amazonaws.com/ https://github.com/ratcliffetj/Piano-Raves The scroll performance is a bit laggy in places, so am looking to optimize this. A couple of questions that might help me in this regard: - The background images used are in the 300KB-500KB range, is that kind of image size likely to cause performance issues? Particularly when used full screen? - My approach to parallax sections is to add black section dividers that move slightly slower than the background images, rather than translating the background images in the y direction on scroll. Is that likely to cause performance issues?