Hierarchy Viewer provides a powerful profiler to analyze and optimize the application. To proceed with the profiling, click the 
icon, Profile Node. If the hierarchy of your view is quite large, it might take some time until it is initialized.
At this point, all the views in your hierarchy will get three dots:
The left dot represents the Draw process of the rendering pipeline
The middle dot represents the Layout phase
The right dot represents the Execute phase
Each dot color within a view has a different meaning:
A green dot means that the view is rendering faster than at least half of the other views. Generally, a green color can be seen as a high-performing view.
A yellow dot means that the view is rendering faster than the bottom half of the views in the hierarchy. This is only relative, but yellow colors might require us to take a look at the view.
Red means the view is among the slowest half of views. Generally, we want to take a look at these values.
How can...
