0

When using react-spring to run a spring animation on page load, it seems that chrome is throttling the Commit process. The spring animation updates the transform: translate3d(...) value in quick succession:

events overview

After a while (which seems to coincide with the massive 500ms frame), Commit events are fired. The detail of when commit events are fired looks something like:

commit example after layout change

When they're not fired, it looks something like (green box missing at the end):

layout change with no commit

Is Chrome throttling the commit events due to some internal rule (e.g., don't commit until CSS has stabilized during first 500ms), or is there something else at play here?

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.