[GH-ISSUE #21062] issue: online green icon causes high GPU usage #19370

New Issue

GiteaMirror · 2026-04-20T01:47:48-05:00

GiteaMirror commented

2026-04-20 01:47:48 -05:00

Originally created by @LaurentiuAndrei on GitHub (Jan 30, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/21062

Check Existing Issues

I have searched for any existing and/or related issues.
I have searched for any existing and/or related discussions.
I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!).
I am using the latest version of Open WebUI.

Installation Method

Docker

Open WebUI Version

v0.7.2

Ollama Version (if applicable)

No response

Operating System

CachyOS

Browser (if applicable)

No response

Confirmation

I have read and followed all instructions in README.md.
I am using the latest version of both Open WebUI and Ollama.
I have included the browser console logs.
I have included the Docker container logs.
I have provided every relevant configuration, setting, and environment variable used in my setup.
I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
Start with the initial platform/version/OS and dependencies used,
Specify exact install/launch/configure commands,
List URLs visited, user input (incl. example values/emails/passwords if needed),
Describe all options and toggles enabled or changed,
Include any files or environmental changes,
Identify the expected and actual result at each stage,
Ensure any reasonably skilled user can follow and hit the same issue.

Expected Behavior

When I open the app there should be low to no GPU usage.

Actual Behavior

When I open the app there is 35-40% usage.

Steps to Reproduce

Go to homepage, or new chat page (same one)
Make sure you see the left sidebar including the bottom left avatar and the GREEN ICON which has a pulsating animation
Check GPU usage to see it spiked up
Zoom in the page until the left sidebar disappears (including the green icon)
4.1. Or inspect element to remove the div with the green icon only
Check GPU usage to see it dropping back to 0%

Logs & Screenshots

Can see the icon --> high GPU usage

Can't see the icon -> low GPU usage

Additional Information

Issue: the green online icon causes high GPU usage
Location: on the homepage, or new chat page

<div class="absolute -bottom-0.5 -right-0.5"><span class="relative flex size-2.5"><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span> <span class="relative inline-flex size-2.5 rounded-full bg-green-500 border-2 border-white dark:border-gray-900"></span></span></div>

This element causes GPU usage to spike to 30-40% when it's visible
I've tested the same behavior in Brave, Firefox and Zen, on all 3 it's consistent.

2 tests can be done to drop GPU usage back to 0%

Inspect element and remove that entire div above
Zoom in the page until the left sidebar disappears (which includes this green icon)

Originally created by @LaurentiuAndrei on GitHub (Jan 30, 2026). Original GitHub issue: https://github.com/open-webui/open-webui/issues/21062 ### Check Existing Issues - [x] I have searched for any existing and/or related issues. - [x] I have searched for any existing and/or related discussions. - [x] I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!). - [x] I am using the latest version of Open WebUI. ### Installation Method Docker ### Open WebUI Version v0.7.2 ### Ollama Version (if applicable) _No response_ ### Operating System CachyOS ### Browser (if applicable) _No response_ ### Confirmation - [x] I have read and followed all instructions in `README.md`. - [x] I am using the latest version of **both** Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.** - [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc). - [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps: - Start with the initial platform/version/OS and dependencies used, - Specify exact install/launch/configure commands, - List URLs visited, user input (incl. example values/emails/passwords if needed), - Describe all options and toggles enabled or changed, - Include any files or environmental changes, - Identify the expected and actual result at each stage, - Ensure any reasonably skilled user can follow and hit the same issue. ### Expected Behavior When I open the app there should be low to no GPU usage. ### Actual Behavior When I open the app there is 35-40% usage. ### Steps to Reproduce 1. Go to homepage, or new chat page (same one) 2. Make sure you see the left sidebar including the bottom left avatar and the GREEN ICON which has a pulsating animation 3. Check GPU usage to see it spiked up 4. Zoom in the page until the left sidebar disappears (including the green icon) 4.1. Or inspect element to remove the div with the green icon only 6. Check GPU usage to see it dropping back to 0% ### Logs & Screenshots Can see the icon --> high GPU usage <img width="832" height="1391" alt="Image" src="https://github.com/user-attachments/assets/48a31b37-ff18-4941-aa7b-d6f69eb77090" /> Can't see the icon -> low GPU usage <img width="828" height="1375" alt="Image" src="https://github.com/user-attachments/assets/2a804105-3f89-42cd-bf5e-faed1296c273" /> ### Additional Information Issue: the green online icon causes high GPU usage Location: on the homepage, or new chat page `<div class="absolute -bottom-0.5 -right-0.5"><span class="relative flex size-2.5"><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span> <span class="relative inline-flex size-2.5 rounded-full bg-green-500 border-2 border-white dark:border-gray-900"></span></span></div>` This element causes GPU usage to spike to 30-40% when it's visible I've tested the same behavior in Brave, Firefox and Zen, on all 3 it's consistent. 2 tests can be done to drop GPU usage back to 0% 1. Inspect element and remove that entire div above 2. Zoom in the page until the left sidebar disappears (which includes this green icon)

GiteaMirror added the bug label 2026-04-20 01:47:48 -05:00

GiteaMirror closed this issue

2026-04-20 01:47:50 -05:00

GiteaMirror commented

2026-04-20 01:47:51 -05:00

@dumb commented on GitHub (Jan 31, 2026):

Interestingly, I came here to see if anyone was discussing that icon.

I don’t understand the purpose of the animation. It draws user attention but doesn’t appear to indicate anything that requires immediate action—it just seems to show that the current user is online.

It also ignores the prefers-reduced-motion media query and appears to fail WCAG 2.2.2 (Pause, Stop, Hide).

Ideally, the animation would stop after 5 seconds (per SC 2.2.2), or simply not animate at all, since the continuous movement is largely superfluous and can be distracting for some users.

@dumb commented on GitHub (Jan 31, 2026): Interestingly, I came here to see if anyone was discussing that icon. I don’t understand the purpose of the animation. It draws user attention but doesn’t appear to indicate anything that requires immediate action—it just seems to show that the current user is online. It also ignores the prefers-reduced-motion media query and appears to fail [WCAG 2.2.2 (Pause, Stop, Hide)](https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html). Ideally, the animation would stop after 5 seconds (per SC 2.2.2), or simply not animate at all, since the continuous movement is largely superfluous and can be distracting for some users.

GiteaMirror commented

2026-04-20 01:47:52 -05:00

@LaurentiuAndrei commented on GitHub (Jan 31, 2026):

I ended up overwriting the classes with the animations with a firefox extension and this resolved the GPU usage issue.

.animate-ping,
.animate-pulse {
  animation: none !important;
}

@LaurentiuAndrei commented on GitHub (Jan 31, 2026): I ended up overwriting the classes with the animations with a firefox extension and this resolved the GPU usage issue. ```css .animate-ping, .animate-pulse { animation: none !important; } ```