Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Progress indicators have high CPU/GPU usage #28579

Closed
2 tasks done
rlansky-percipient opened this issue Sep 24, 2021 · 1 comment
Closed
2 tasks done

Progress indicators have high CPU/GPU usage #28579

rlansky-percipient opened this issue Sep 24, 2021 · 1 comment
Labels
component: CircularProgress The React component component: LinearProgress The React component. component: progress This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists performance

Comments

@rlansky-percipient
Copy link

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

  • Open Chrome
  • Open Task Manager and observe low cpu and gpu usage usage
  • Go to MUI sample page for progress indicators (https://mui.com/components/progress/)
  • Observe how the Task Manager shows the tab using much cpu and gpu. Here's a screenshot of my usage on a 6-Core i7 Macbook Pro

Screen Shot 2021-09-24 at 1 19 35 PM

Please note, this same behavior was reported in Issue 11060 (#11060) but that was 3 years ago. Not sure if things got fixed back then and regressed, or if it was ever fixed.

Expected Behavior 🤔

CPU/GPU usage should not be extraordinarily high.

Steps to Reproduce 🕹

Steps:

  1. Open Chrome
  2. Open Task Manager and observe low cpu and gpu usage usage
  3. Go to MUI sample page for progress indicators (https://mui.com/components/progress/)
  4. Observe how the Task Manager shows the tab using much cpu and gpu. Here's a screenshot of my usage on a 6-Core i7 Macbook Pro

For reference, I am using the latest version of Chrome on a Macbook Pro and I have observed the same behavior using Safari.

Context 🔦

Your Environment 🌎

`npx @mui/envinfo`
  System:
    OS: macOS 10.15.7
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 3.52 GB / 32.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.8.0 - ~/n/bin/node
    npm: 7.20.3 - ~/n/bin/npm
  Managers:
    Homebrew: 2.7.2 - /usr/local/bin/brew
    pip3: 19.2.3 - /usr/bin/pip3
    RubyGems: 3.0.3 - /usr/bin/gem
  Utilities:
    CMake: 3.19.2 - /Applications/Cmake.app/Contents/bin/cmake
    Make: 3.81 - /usr/bin/make
    GCC: 4.2.1 - /usr/bin/gcc
    Git: 2.24.3 - /usr/bin/git
    Clang: 12.0.0 - /usr/bin/clang
  Servers:
    Apache: 2.4.41 - /usr/sbin/apachectl
  Virtualization:
    Docker: 20.10.7 - /usr/local/bin/docker
  IDEs:
    Nano: 2.0.6 - /usr/bin/nano
    Vim: 8.1 - /usr/bin/vim
    WebStorm: 2021.2.1
    Xcode: /undefined - /usr/bin/xcodebuild
  Languages:
    Bash: 3.2.57 - /bin/bash
    Perl: 5.18.4 - /usr/bin/perl
    PHP: 7.3.11 - /usr/bin/php
    Python: 2.7.16 - /usr/bin/python
    Python3: 3.8.2 - /usr/bin/python3
    Ruby: 2.6.3 - /usr/bin/ruby
  Databases:
    SQLite: 3.28.0 - /usr/bin/sqlite3
  Browsers:
    Chrome: 93.0.4577.82
    Safari: 14.1

I have experienced this with both Chrome and Safari.

@rlansky-percipient rlansky-percipient added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 24, 2021
@oliviertassinari
Copy link
Member

There are a lot of instances on this page. This looks expected. See #4412 for a bit more context.

I'm closing, If you have identified an improvement opportunity, please share it, we could reopen.

@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists performance and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Sep 25, 2021
@oliviertassinari oliviertassinari added the component: progress This is the name of the generic UI component, not the React module! label Nov 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: CircularProgress The React component component: LinearProgress The React component. component: progress This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists performance
Projects
None yet
Development

No branches or pull requests

2 participants