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:
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:
When they're not fired, it looks something like (green box missing at the end):
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?


