thomasloven / lovelace-card-mod

🔹 Add CSS styles to (almost) any lovelace card
MIT License
1.04k stars 169 forks source link

Firefox - Slow UI and Page Freezes #360

Open mjiines opened 4 months ago

mjiines commented 4 months ago

Versions: Core 2024.2.X (issue started with 2.X) Supervisor 2024.02.0 (issue maybe present prior) Operating System 11.5 (issue maybe present prior) Frontend 20240207.1 (issue maybe present prior) Firefox 123.0 (issue is present prior) Card Mod: 3.4.2 (issue maybe present prior)

My lovelace configuration method (GUI or yaml): GUI

What I am doing: Using the Webpage UI normally.

What I expected to happen: Reasonably fast performance when clicking on cards or switching dashboards.

What happened instead: UI Performance is abysmally slow using Firefox and card-mod (I strongly believe that card-mod causes the lag). This issue affects the entire UI, not just cards. Reloading the Webpage makes it responsive again. After some time (especially after switching tabs or focus to other applications) the UI is unresponsive for 10–30 seconds.

(I believe this Issue could be the same problem: https://github.com/thomasloven/lovelace-card-mod/issues/359)

Minimal steps to reproduce: Firefox and HA with the corresponding versions and card-mod utilized in "some form".

Error messages from the browser console: This is a screenshot of the profiler with the ha thread highlighted around the point it becomes responsive again. If needed, I could provide the entire profiler file. Firefox_cardmod_lag


By putting an X in the boxes ([]) below, I indicate that I: