This is the fifth and last part of the Compose dribbble replicating series. While the previous parts (Part 1, Part 2, Part 3, Part 4) focused on implementing complex UI and animations, this part will be about Compose compiler metrics. You will see how to gather information with metrics and how it can in with fixing performance issues.

In Jetpack Compose 1.2.0, a new feature was added to the Compose compiler that can display various performance metrics during the build. This is a great tool to find potential performance issues.

First step is to configure the metrics - to do this, add the following to your build.gradle file:

Now run the build with the following options enabled (please note that the build must be compiled in release mode).

./gradlew assembleRelease -PmusicApp.enableComposeCompilerReports=true

After the build, the compose_metrics folder will hold the files we need to look at.