DEV Community

Leonardo Nelson
Leonardo Nelson

Posted on

React DevTools - What is considered in Layout Effects' metric?

Hello everyone!

I'm using React DevTools to profile our app for performance enhancements. I understand that the 'render' metric informs how much time was taken by the React renderer to prepare the element tree, but there are some commits which report the most processing time as being 'Layout Effects'. I would like to know what that metric really is since I can't really understand which elements are involved or where the layout effects are taking place. Below is a screenshot which we can see that a commit reported ~500ms as layout effects but nothing was rendered:

Image description

I appreciate your help.

Thanks!

Top comments (0)