Skip to content

issue: online green icon causes high GPU usage #21062

@LaurentiuAndrei

Description

@LaurentiuAndrei

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

  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
  5. Check GPU usage to see it dropping back to 0%

Logs & Screenshots

Can see the icon --> high GPU usage
Image

Can't see the icon -> low GPU usage
Image

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions