breck421

I will have to look into it. They are custom built beauties running a headless chromium

Thanks for the response. I totally hear you and in no way thought is was a GSAP thing. Just looking for wisdom and advice. I will for sure test all of the ideas you have brought up.

I am creating an animated presentation. This presentation needs to run at 6240x2700 resolution. The image assets I am using are the same resolution varrying in size from 2MB to 10MB. I have multiple different timelines that will be used in a master timeline. The initial layout animations without content worked great (no surprise). But once I added the large images, the jittering got out of control. I am only changing scale and transform origin right now. There are other parts of the final product that will change opacity and position. I know this is a big screen and these are big files. But it does not change what I have been tasked to do. Things I am doing v what have tried: - I am using a grid layout for my content. I have tried placing everything in the body with absolute positioning - I am currently using background image css but I have tried using image tags - I have tried creating a smaller, more normal, screen size and then scaling it up to 6240x2700 with transforms - I serving images via a url. I have tried loading the images off localhost. - I have played with some image preloading techniques An interesting thing is that from time to time, the animation seems to hit a sweet spot after multiple loops and will run so smooth. It looks great and it leads me to think this can work. It needs to run smooth first round though. To test: The easiest way to test this at scale is to use chrome responsive layouts and create a layout for 6240X2700