Check for various performance optimizations about swiss-army-knife-card HOT 6 CLOSED

Update...

• Use global (this.lovelace) colorcache instead of cache per card
• Remove client-width call (seems not be used anymore)
• Remove most of the spread operators, replace with Merge.mergeDeep() call

Result for air-quality view: from 462.8ms --> 212.8ms !!

from swiss-army-knife-card.

Update...

• for segarc: don't create background and foreground styling (is static) if already created

Result again for air-quality view. From 212.8ms --> 136.4ms !! (original: 462ms, ie 326.4ms less!)

from swiss-army-knife-card.

Small update this time.

• optimize rendering state style strings

With these small increments, the air-quality view with 25 sak cards will probably end up somewhere between 100-120ms I guess, which would be great compared to the start with 462ms 😄

The sake2 view is now just below 100ms. This one also used to be between 300-400ms.

from swiss-army-knife-card.

Switching from say the sake2 view to the air-quality view, where the view was already created/rendered before shows a very small processing time of around 6ms:

This time is from the (dis)onnectedCallback() function and interval processing for the history bar tool.

Other cards:

• decluttering card is much more expensive while switching, using 36.4ms.
• AirVisual card only needs 3ms.
• button-card (used for the three menu buttons) needs 5.1ms

from swiss-army-knife-card.

So far so good.

from swiss-army-knife-card.

Update for the air quality card.
After many updates still around 120ms, where the colorstuff for all the history cards (using a minmaxgradient!!) is the largest cpu cycle user:

from swiss-army-knife-card.