Detect Overdraw

Open Beta Documentation Amazon offers this technical documentation as part of a pre-release, open beta. The features described might change as Amazon receives feedback and iterates on the features. For the most current feature information, see the Release Notes.

Overdraw occurs when an app renders the same pixels multiple times within a single frame, leading to increased graphics processing unit (GPU) overhead and potential performance degradation. With app overdraw detection, you gain insights into areas of your app where overdraw is occurring, and prioritize optimization accordingly. Optimization reduces the GPU load and improves the overall frame rendering performance.

When you configure the app overdraw feature, your app shows the overdraw amount corresponding to the user interface (UI) elements in your app.

To configure app overdraw detection, see Configure app launch options. In the project launch option, enter ` SHOW_OVERDRAWN=true`. Then, run the app from Vega Studio.

The image shows a sample app with the overdraw feature.

Note: Colors used for highlighting overdraw are semi-transparent. The color you see on the screen depends on the content of your UI elements.

The table lists the colors on UI elements with their corresponding overdraw amount.

Color	Overdraw
True color	No overdraw
Blue	Overdrawn 1 time
Green	Overdrawn 2 times
Pink	Overdrawn 3 times
Red	Overdrawn 4 or more times

Avoid app overdraw

Remove unnecessary backgrounds in layouts.
Flatten the view hierarchy.
Reduce transparency.

Last updated: Sep 30, 2025

Detect Overdraw

Avoid app overdraw

Related topics