-
-
Notifications
You must be signed in to change notification settings - Fork 83
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
Major performance and battery life issues with 2.3.0-beta1 #799
Comments
Hi, there is a known performance issue in the editor that I need to fix, but beside that I have a very complex full Bubble Card dashboard that runs perfectly on an old iPad. Can you take a look at your browser console on your computer to see if there is some errors? |
I did have a few errors in the console from old cards I had installed. Removed those and have not seen any performance improvements. Interestingly, I cannot get the blur to disable at all, regardless of choosing to hide backdrop, blur to 0, etc. Trying to see if removing the blur would help. |
You need to disable it on your first pop-up, then you need to refresh your page. |
Ahh, OK, that worked! Performance does seem to have improved with no blur and no bg, will continue to test. |
- [x] Added an option in the editor to revert to the slider previous behavior, in YAML you can add `slider_live_update: true`. #817 - [x] Replaced the select arrow background variable with --bubble-select-arrow-background-color. #794 - [x] You can now change the border CSS of a selected select card with the —bubble-select-border variable. #794 - [x] You can now replace the light color variable with --bubble-light-color, for example on a slider button you can change it like this: styles: >- ha-card { --bubble-light-color: var(--accent-color); --bubble-icon-background-color: var(--ha-card-background); } .bubble-range-fill { opacity: 1 !important; } - [x] You can now change the separator line background color with —bubble-line-background-color - [x] Some styling fixes - [x] The editor is not freezing anymore on some setups/browsers #799 #698 - [x] Some dropdown menus from some custom cards were not appearing when placed inside of a pop-up, this is now fixed! #469 and #816 - [x] Faster page initialization on some setups - [x] Significantly lower CPU usage on some setups #799 and maybe #711 - [x] Pop-up `background_update` fixed, try this if you have an issue to display a specific pop-up. - [x] Pop-ups are now faster (yes again) on some setups. - [x] Better long term memory management #799 - [x] Better and lighter event listeners system for handling the pop-ups - [x] Better and lighter global event listeners system for handling the tap actions - [x] The hold action is now automatically triggered after the delay. - [x] You can now change the « Slide to close distance » in the pop-up editor - [x] Fixed an issue on Safari where slider buttons were flashing when a pop-up was opened. - [x] Fixed? Issue with Media Player Icon (z-index?) appears in front of sticky moving card #823 - [x] fix: recover icon from binary_sensors #828 by @brunosabot - [x] fix: support Google Wifi Online value as active #829 by @brunosabot - [x] fix icon variable in cover-card #776 by @Muenchen-Michi
Hi, I've worked on this issue in the new beta, can you tell me if it's better now? https://github.com/Clooos/Bubble-Card/releases/tag/v2.3.0-beta.2 |
Unfortuantely, the high GPU and stuttering still exists on beta 2. Here is a CPU/GPU graph while using my dashboard. On a dashboard that includes a bubble card popup, by GPU hovers around 15% even when no popup is enabled. When I do pop up a bubble card, even when it isn't animating (which you can see in the thermostat popup), my GPU spikes to 50%+ Dashboards that don't have popups fall to <= 5% GPU usage even when navigating in/out of them. Screen_Recording_20241006_000843_Home.Assistant.mp4 |
Thank you for the detailed feedback! Bubble Card use some advanced CSS styling, like the blurred background that you can see behind of the pop-ups, I've seen that you have disabled the backdrop blur, this is a good start. But have you tried to set the pop-up blur to 0 in the editor? I will also take a look to understand why there is a spike when no pop-ups are shown. |
Yep! The popup blur is set to 0 for all popups in the editor. |
Thanks for the details, I will take a look 👌 |
You're a champion, thank you! |
One more thing, can you check your browser console to see if there are errors? I don't think so but just to be sure. |
Just wanted to let you know that beta4 seems to have resolved my stuttering and performance drops with bubble card! Thank you! |
You can't imagine how happy I'm to read that! |
Describe the bug
Using 2.3.0-beta 1 and a Dashbaord using popups, my device gets very warm and drains battery life when using the new bubble-card-based Dashboard.
To Reproduce
Simply use the Dashboard that is driven by bubble cards.
Expected behavior
The device to perform as well as non-bubble-card dashboards.
Informations (please complete the following information):
Additional context
I have only begun using bubble card starting with 2.3.0-beta 1, so I cannot determine if this just started or has always been the case. My device is a Samsung S23.
Thank you! 🍻
The text was updated successfully, but these errors were encountered: