Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


Recommended Posts


i create this pen with an update of the image sequence on scroll (71 images)

it work fine on codepen but when i deploy to netlify, the update is no longer working. The update is very slow.

i use gatsby.

What am i doing wrong ?

Does anybody know ?




here is a link of the deploy version : https://naturalzero.netlify.app/

and attach my .js file


See the Pen ExPrdyg by YVNKAD (@YVNKAD) on CodePen

Link to comment
Share on other sites

Hey Andy. It's hard to debug on a live site.


But the phone rotation seems to work the same on the live site to me - both are choppy, especially when the page first loads. Most likely the biggest cause of this is that the images haven't all loaded before you're trying to use them.


You can likely also improve performance by hiding/displaying images instead of switching out the src each time. I talk about doing that in this thread:


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.