Pop-up optimization for low-spec devices

[TomKrysz]

After the latest version's optimization for pop-up loading and display, I've noticed a tangible improvement,
particularly on low-spec devices (e.g., Android devices like the iiyama TW2223AS-B2 21'' touchscreen). However, I
observed a trade-off: while the pop-ups themselves display faster, the overall page load time is significantly
slower, especially when the page contains multiple pop-up elements. Could we consider implementing a toggle
feature that allows us to revert to the previous 'Bubble Cards' behavior? Thank you for your consideration.
Regards, T.

[Clooos]

Hi! I was expecting the opposite, I will definitely look at this!

Thank you for the quick feedback!

[Clooos]

Hi! Just wanted to know if you see improvements in the new beta?

[TomKrysz]

Hi!
After installing Bubble Cards 3.2.0 Beta 3, loading a page containing 20 pop-ups on the iiyama TW2223AS-B2 takes
22 seconds (The monitor shows 2GB of RAM usage out of 4GB). This loading time is noticeably slower compared to
previous versions of Bubble Cards, and this is observed even when using the same network setup and connection
parameters.
While the pop-ups open quickly, the loading of styles and icons takes a noticeably long time. The buttons are
initially non-responsive to pressing. When the pop-up is dismissed in this condition, the user returns to the main
page's blurred background, and the functionality of that page is blocked.
As far as I can tell, version 3.1.4 was the last one that worked well regarding loading speed and element
positioning on this device. Everything after that started getting worse.
Best, T.

[TomKrysz]

For comparison, running version 3.1.4 on the same hardware yielded an initial loading time (including WebView
rendering and cache building) of approximately 8 seconds. The observed device RAM usage was 1.4 – 1.6 GB.

[Clooos]

Just to be sure, have you migrated all your pop-ups to the new standalone format? You can do that from the editor. Also, have you cleared your app cache on that device?

[TomKrysz]

No, nothing was modified in the YAML code. It’s the same source, only the Bubble Cards versions were updated.
For testing, I always performed a full restart of the Home Assistant server and the panel, which ensured the cache
was rebuilt from scratch.
Tonight, I will perform a backup of Home Assistant (HA), reinstall Beta 3, and convert the pop-ups to the
standalone format. Unfortunately, the panel needs to be operational continuously throughout the day, so I will
have to limit the scope of my testing.

[Clooos]

Ok that explains your issue then, you should see a huge difference after that 😄

[TomKrysz]

Apologies for the confusion. It seems I made a mistake, but my goal was to avoid prolonging the panel's
downtime.
I can confirm that by implementing the standalone pop-up, the loading and rendering time is instantaneous (as fast as possible given the sheer complexity/bloat of my page's code).
The only remaining issue is the incorrect vertical alignment of the pop-up elements, but this is a separate bug that I have already reported in the issues history.
Thank you very much, and I apologize once again.
Best regards,
T.

[Clooos]

I'm glad to read that! And I still have no clue for your other issue (this was the one with heavily customized cards?), no one else have reported something similar so I wonder if you have this issue without your custom styles?