# Compose phases and optimizations

DevFeed: [Compose phases and optimizations](<https://devfeed.tech/articles/compose-phases-and-optimizations-22653.md>)

Original publisher: [Read original article](<https://www.valueof.io/blog/compose-phases-optimizing-composition-layout-drawing>)

Author: James Shvarts

Published: 2022-05-14T01:27:04Z

Content type: tutorial

Language: en

Sources: [Android Blog - Mobile Dev Notes](<https://devfeed.tech/sources/android-blog-mobile-dev-notes.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Optimization](<https://devfeed.tech/topics/optimization.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>)

Tags: [canvas](<https://devfeed.tech/tags/canvas.md>), [code](<https://devfeed.tech/tags/code.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [google-i-o](<https://devfeed.tech/tags/google-i-o.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [performance](<https://devfeed.tech/tags/performance.md>), [user-interface](<https://devfeed.tech/tags/user-interface.md>)

## AI overview

This tutorial explains the three Jetpack Compose rendering phases--Composition, Layout, and Drawing--and shows how to improve animation performance by limiting recomposition and layout work. It demonstrates moving changing color state into a Canvas drawing operation so only the Drawing phase repeats.

## Source excerpt

Learn about Compose Phases and optimizing UI by controlling what Phases get executed when data in composable changes