Enhancing Jetpack Compose app performance

In this video, Tomáš will demonstrate techniques for improving Jetpack Compose app performance through measurement, debugging, and strategic optimization.
You will gain insights into the effective use of Macrobenchmarks in Compose to understand startup and runtime performance. Additionally, you'll explore how tracing can provide deeper insights into the behavior of your composables. You will also learn to debug stability issues using the layout inspector and composition debugger.
Lastly, we will share techniques to overcome performance challenges, ensuring a smoother app experience.
Chapters:
00:00 - Introduction
00:10 - R8 and baseline profiles effects
01:17 - Measure → Debug → Improve
01:51 - Measure with Jetpack Macrobenchmark
03:53 - StartupMode explanation
05:02 - CompilationMode explanation
06:00 - Measure app startup and report fully drawn state
08:47 - Measure frame timing
09:55 - Debug with system tracing
12:46 - Add more information to system tracing
16:38 - Measure recompositions
18:02 - Layout Inspector and Composition Debugger
20:10 - Update Jetpack Compose!
20:30 - Generate a baseline profile
20:32 - Defer phases when frequently changing state
24:04 - Use BoxWithConstraints only when needed
24:48 - remember{} only heavy operations
25:26 - Load heavy images asynchronously
26:13 - Split heavy frames
27:13 - Outro
Resources:
Compose Performance → goo.gle/488Z03b
Macrobenchmark → goo.gle/3K6w0hs
Catch more videos → goo.gle/Jetpack-Compose
Subscribe to Android Developers → goo.gle/AndroidDevs
#Featured #Android #JetpackCompose

[@AndroidDevelopers]

Subscribe to Android Developers → goo.gle/AndroidDevs

[@GsuegGeheh]

صوري شخصي

[@GsuegGeheh]

صوري شخصية مهمة الصورة لرؤيتها بحجمها الأصلي الذي كان ‏‪3:40‬‏ ‏‪3:42‬‏ ‏‪3:43‬‏

[@hellosagar]

Loved it. Cant get it any better

[@_zantetsuken_]

Awesome presentation and amount of helpful information! Keep goin guys!

[@AndroidDevelopers]

Thank you for watching! We’re glad you found the video helpful.

[@DanielJohnGay]

Thank you so much for the video! I always admire your company's products

[@AlejandraStamato]

Amazing amazing! TY for all the tips! :)

[@AndroidDevelopers]

Thank you for watching! We’re glad you found the video helpful.

[@mark-147]

Outstanding comprehensive summary, but, my word, how many tools and dependencies to learn and use!?

[@ScanaRch]

Really awesome video! Thank you so much!

[@AndroidDevelopers]

Thank you! We appreciate the feedback.

[@VIDEOSANDREEL]

Better than i phone and so called other OS❤❤❤ Thank You for sharing 🙏 Love From INDIA Kolkata 🙏

[@MhandeJack]

🔥

[@PedroBarbosaRoman]

Regarding the defer reads: does it make sense to use lambdas if we are not using those deferred modifier alternatives or a custom layout?

[@mlykotom]

Maybe. It can still have positive effect if you invoke the lambda only in some small component on screen and thus only small part of the screen recomposes.

[@PedroBarbosaRoman]

​@@mlykotomOh I see, so the lambdas are a way to solve the problem of unnecessary recompositions when hoisting the state?

[@mlykotom]

Yes, exactly! :)

[@hasa4628]

how to trace the rendering part of a composable method ?

[@coldwised]

How to know when transition is finished with produceState? I'm talking about "Split heavy grames part".

[@coldwised]

Ok, looks like he is not talking about animation transition

[@nimishashiril]

Great…

[@yasserakbbach708]

I still didn't get how the recomposition is getting skipped by passing lambdas 🤔? Also, I'd like to mention that this video has too much info to handle, I hope next time you guys split it with enough examples 😄

[@_zantetsuken_]

The information amount is huge but incredibly helpful. The lambda is just a function which returns something. Due to the fact that the calculation isn't needed that early, the whole tree doesn't need to be recompositioned. Just where it needs to be.

[@deepakbisht4957]

Those are not normal functions. They are composable functions. Internally they made these functions smart to recompose only those views whose state are changed...

[@amanxyz03]

👍🏻

[@Shriramkrishnhari]

👍

[@TimRijckaert]

I need an even more in depth tutorial for trying to find bottlenecks in an AndroidTV application which tend to run on slower/lower end Android devices. We have enough information how to capture logs, not how to interpret it. This video is the first which goes a bit more into depth, but I need a more general view, not just Compose

[@cameronbateau6510]

What in depth tutorial are you trying to find on an Android TV?

[@user-ns3dw7rk2e]

My feeling is that if Jetpack Compose had been first, and now the view-based approach was released then the view-based approach would be considered a huge progress. Even now, after two years of JC release, if you make apps using JC, then the apps will have UI performance issues..

[@FahadAyaz]

Not necessarily. We're not seeing any performance issues in our app, even in the less performant debug mode. The point of the video is that if you do have issues, you know the steps to take to resolve them

[@mr-turkish]

@@FahadAyaz This is the industry approach. The world started with View-based approach and discovered declarative approach (React, Vue, Swift UI, Jetpack Compose, etc.) to be much better.

[@cameronbateau6510]

How many performance issues give more attention to resolve?

[@KeySabre]

It's not easy for an existing app to use baseline profile. Gradle related setup is really frustrating.

[@cameronbateau6510]

What do you find that's not easy for an existing app to use baseline profile?

[@hasa4628]

where is the recomposition state in debugger. it does not exist

[@mlykotom]

It's part of the regular debugger in Android Studio Hedgehog an newer.

[@hasa4628]

thank u @@mlykotom

[@JohnPaulPhillips-qh9zq]

Not so easy to understand for beginners

[@mondoshigua]

👋🏻🇨🇴🧔🏻👍🏻🤝🏻 Saludos desde Colombia,🕯️🕯️🕯️ feliz día de las velitas

[@gofudgeyourselves9024]

What is R8 on? How to enable it?