[Scrolltrigger Image Sequence Performance]

Thanks for the quick response, that makes sense, I guess I'll stick to what I have then. I ran a test for the Airpods product page and after seeing the results, I feel a lot better.

 

holmesmillet.dev

https://gtmetrix.com/reports/holmesmillet.dev/CRZa3oh4/

 

Apple Airpods results

https://gtmetrix.com/reports/www.apple.com/g2xhC9J3/

[Scrolltrigger Image Sequence Performance]

I have several scrolltrigger image sequences on a page that I'm trying to optimize for faster load times, I've provided a link to one of them in a codepen. It's been a while, but I used one of the codes listed somewhere in these forums, so kudos to the person who made it. However, I am running into an issue with load time, it seems to load all the images at once therefore increasing the amount of requests. I'm just trying to see if anyone here might know how to make this code a little more performant like only show/hide the images when scrubbing through.

I would appreciate any of your help.

 

Thanks

 

 

See the Pen yLPQomV by tampham (@tampham) on CodePen