Chrome DevTools frame event timing

Viewed 176

I'm using Chrome to isolate the bottle neck in the animations of an app.

It shows that frames are taking about 20+ms which is too slow. But when I expaned the frame to see what's going in, it shows me a jQuery call taking 20+ms, but the actual Recalculate Style event takes little more than 5ms.

How can I find out what is causing that delay? I can't see what the other 15ms are

The total event time:

Chrome DevTools showing total time of jQuery function call

The "Recalculate Style" event within the jQuery function

Chrome DevTools showing split of timing for Recalculate Style event

Stack before "Recalculate Style"

Chrome DevTools showing stack for Recalculate Style event

1 Answers
Related