Avoid high CPU usage of the browser at overview & energy

[mifritscher2]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

My browser (chrome) needs lot of CPU if I have the overview or energy dashboard open. The culprit is the animated energy flow chart - if I kill it via the browser debug console the CPU usage goes back to almost zero.

Perhaps it would be nice to limit the fps or add a option to disable the animation.

Describe the behavior you expected

Low CPU usage

Steps to reproduce the issue

1. Go to Dashboard or Energy

What version of Home Assistant Core has the issue?

2025.3.1

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue?

Chromium 134.0.6998.35

Which operating system are you using to run this browser?

Debian bookworm

State of relevant entities

Problem-relevant frontend configuration

Javascript errors shown in your browser console/inspector

Additional information

No response

[karwosts]

While we don't have any current consensus on adding options to the UI to disable the animation, we did just merge a change that disables the animation if your browser/OS sets the "prefers-reduced-motion" accessibility setting, so you could look into that next month as a possible workaround.