Custom:button-card sporo template spowolniło dashboard

Home Assistant
1

hello,
chciałem ostatnio sporo zaoszczędzić i zoptymalizować magiczny Custom:button-card, ponieważ domyśle wszystkie parametry pakowałem bezpośrednio w dashboard… więc dziesiątki jak nie setki linijek się powtarzały… ogarnąłem template i zaczeła się tygodniowa zabawa… kod wygląda pięknie przejrzyście… ale bardziej zamula…
poniżej przykład gdzie tylko odwołuje się do stworzony template.
na komputerze jeszcze jakoś to działa ale na telefonie czy tablecie są mocne lagi i zawieszanie systemu… jakieś pomysły gdzie szukać problemu?

type: custom:button-card
template:
  - ml_generic
  - ml_generic_custom_field
  - ml_state_blue
  - ml_press_button
entity: cover.entrance_gate
lock:
  enabled: true
show_last_changed: true
name: Brama wjazdowa
tap_action:
  action: call-service
  service: switch.turn_on
  service_data:
    entity_id: switch.brama_wjazdowa_sbs

dodam że zużycie procesora spadło i często widzę poniżej 20% ale trochę martwi mnie zużycie pamięci bo chyba wzrosło (aktualnie w maszynie jest przydzielone 8GB)
image

dla potwierdzenia - przed tworzeniem template wszystko chodziło petarda… i próba optymalizacji odwóziła działanie.

2

Mam sporo kart custom:button-card i nie zauważyłem takich spadków jakie opisujesz.

Jak chcesz oszczędzać na powtarzającym się kodzie zobacz:

Lovelace: Decluttering Card

https://community.home-assistant.io/t/lovelace-decluttering-card/118625

3

dzięki ! zabieram się za lekturę i testy :slight_smile:

EDIT:
zakończyło się postawieniem nowego HA i jak ręką odjął … zużycie procesora i pamięci:
image

w sumie od ponad roku robiłem tylko same update, a teraz postawiłem system na nowo i przywróciłem backup. zużycie procka poniżej 20% i pamięci ok 20-30 % polecam każdemu

------ EDIT ------ nowe pytanie

pytanie już dla wyjadaczy… różnice między decluttering-card a button-card…
poszedłem za namową @artpc no i poprzerabiałem prawie wszystkie przyciski pod ładne template z decluterring-card - wydaje mi się to bardzo dobra droga… jednak zauważyłem że z wydajnością się trochę to mija… wcześniejszy button-card reaguje wręcz odrazu - naciskam jest przy decluttering widzę opóźnienia… czasami jest to pół sekundy ale najczęściej minimum sekunda… a czasami nawet 5… ktoś ma doświadczenie co jest nie tak ?

poniżej kod dashboard:

type: custom:button-card
template: przycisk_swiatlo
entity: light.biuro_1
name: Biuro 1

type: custom:decluttering-card
template: ml_button_press
variables:
  - name: Biuro 1
  - entity: light.biuro_1

no i kod właściwy:

button_card_templates:
  przycisk_swiatlo:
    state:
      - value: 'on'
        styles:
          card:
            - box-shadow: 0 0 0.95rem 0.2rem var(--button-card-light-color)
            - transition: all 2s ease
    style: |
      ha-card:hover {
      transform: scale(1.05);
      box-shadow: 0 0 10px;
      }
    hold_action:
      action: more-info
    styles:
      card:
        - width: min(20vw, 60px)
        - height: min(20vw, 60px)
        - margin: 2px
        - border-radius: 15px
        - box-shadow: 0px 0px 3px 0px grey
        - background: linear-gradient(rgba(255,255,255,0.1) 15%, rgba(0,0,20,0.3)30%)
      name:
        - font-size: 80%

decluttering_templates:
  ml_button_press:
    default:
      - name: ..brak...
    card:
      type: custom:button-card
      name: '[[name]]'
      entity: '[[entity]]'
      show_label: true
      tap_action:
        action: toggle
      double_tap_action:
        action: more-info
      hold_action:
        action: more-info
      state:
        - value: 'on'
          styles:
            card:
              - box-shadow: 0 0 0.95rem 0.2rem var(--button-card-light-color)
              - transition: all 2s ease
      styles:
        card:
          - width: min(20vw, 60px)
          - height: min(20vw, 60px)
          - background: linear-gradient(rgba(255,255,255,0.1) 25%, rgba(0,0,20,0.3)50%)
          - box-shadow: 0px 0px 3px 0px grey
          - border-radius: 15px
          - color: ivory
        name:
          - font-size: 60%
          - white-space: normal
          - color: ivory
        icon:
          - height: 100%
      style: |
        ha-card:hover {
        transform: scale(1.05);
        box-shadow: 0 0 10px;
        }

EDIT 2:

widzę że nikt nie ma podobnych problemów to podsumuję tylko swój problem aby nikt w przyszłości się nie pocił z tym.
aktualnie mam dwa prawie identyczne dashboardy, jeden głównie oparty na Custom:button-card a drugi mocno w custom:decluttering-card, jednak różnica w odświeżaniu jest mocno na minus dla decluttering, finalnie zostawiam na przyszłość ten drugi dashboard bo wydaje mi się bardziej rozsądny jednak użyeczność na telefonie mija się z celem… z 20 sekund odświeża się dashboard, naciśnięcie i czekanie z 2-3 sekundy na skutek i kolejne sekundy na efekt ikonki… przy wykorzystaniu tych samych funkcjonalności tylko dla button-card wszystko działa od razu bez wieszania.