What is INP by color depth
INP by color depth shows the Interaction to Next Paint (INP) based on the bit depth of users’ displays — commonly 24-bit or 32-bit, but sometimes 16-bit or even 30-bit.
Color depth isn’t a direct cause of interaction delay, but it’s a strong proxy for device class, GPU quality, or legacy environments. That means poor INP here often reflects users on older or constrained setups struggling with responsiveness.
INP is a Core Web Vital that measures how quickly your site responds to user input — and how fast the next visual frame appears.
Healthy INP by color depth sample
Should you worry
In a healthy distribution, INP stays green for common depths like 24-bit and 32-bit, which cover the majority of traffic.
This suggests:
Your input handlers (clicks, taps, keypresses) are performant across devices.
There’s no JS-main-thread overload, even on lower-tier displays.
Your rendering pipelines (repaints, reflows) respond quickly regardless of display capability.
Unhealthy INP by color depth sample
When specific color depths show red or yellow INP, it's often due to:
Old or weak hardware struggling to keep up with script execution.
Fallback browser environments (e.g. enterprise virtual machines or embedded UIs).
GPU bottlenecks on devices where hardware acceleration is limited or disabled.
Interaction-heavy features like dropdowns, modals, or animations that don't degrade well on slower clients.
16-bit or other unusual color depths often correlate with remote desktop sessions, low-end tablets, or virtualized test devices — not typical users, but worth watching if the numbers are large.
Resolving unhealthy INP by color depth
Go-to action plan to resolve an unhealthy INP by color depth:
Ask Uxi to analyze your INP by color depth values and suggest improvements.
Filter to narrow the view to color depth + interaction type — look for bad patterns.
Simulate INP of the suspected lens to see if fixing it will resolve the INP by color depth. If yes, this is where the resolution focus should be.
Use an automated INP optimization tool like INProve to improve your INP by color depth values.
Once you’ve improved INP, set an alert to be the first to know if it starts worsening again.
Try it yourself
Discover how your website performs with real user data.