Home Assistant Floor Plan slow and laggy response

Third party integrations Floorplan
1

Hey all I using home assistant for like 6 months. i try to play with floorplan view for my house. but unfortunately it seems very slow in response and taking quite a while to load the image. Please refer to the code. Thanks.
Size of the SVG: 404 KB
Size of the image folder: 32.Mb

type: custom:floorplan-card
full_height: true
config:
  image:
    location: /local/vfp/level1/vfp1.svg
    cache: true
  stylesheet: /local/ffp/floorplan.css
  rules:
    - entities:
        - entity: input_boolean.1
          element: areacove
        - entity: input_boolean.2
          element: arealivinggroup
        - entity: input_boolean.3
          element: areatvconsole
        - entity: input_boolean.4
          element: areakitchenstrip
        - entity: input_boolean.5
          element: areakitchenright
        - entity: input_boolean.6
          element: areakitchenleft
        - entity: input_boolean.7
          element: areaislandpendant
        - entity: input_boolean.8
          element: areakitchenlesdstrips
        - entity: input_boolean.9
          element: areakitchenceilinglight
        - entity: input_boolean.10
          element: areabalconyfloor
        - entity: input_boolean.11
          element: areaturtlepond
        - entity: input_boolean.12
          element: areapondspotlight
        - entity: input_boolean.13
          element: areapondstrip
        - entity: input_boolean.14
          element: areaentranceledstrip
        - entity: input_boolean.15
          element: areachandelier
        - entity: input_boolean.16
          element: areawalkway
        - entity: input_boolean.17
          element: areastairscove
        - entity: input_boolean.18
          element: areaentrancelight
        - entity: input_boolean.19
          element: areacommontoilet
      tap_action:
        action: toggle
      hold_action:
        action: more-info
    - entities:
        - entity: input_boolean.1
          element: cove
        - entity: input_boolean.2
          element: livinggroup
        - entity: input_boolean.3
          element: tvconsole
        - entity: input_boolean.4
          element: kitchenstrip
        - entity: input_boolean.5
          element: kitchenright
        - entity: input_boolean.6
          element: kitchenleft
        - entity: input_boolean.7
          element: islandpendant
        - entity: input_boolean.8
          element: kitchenlesdstrips
        - entity: input_boolean.9
          element: kitchenceilinglight
        - entity: input_boolean.10
          element: balconyfloor
        - entity: input_boolean.11
          element: turtlepond
        - entity: input_boolean.12
          element: pondspotlight
        - entity: input_boolean.13
          element: pondstrip
        - entity: input_boolean.14
          element: entranceledstrip
        - entity: input_boolean.15
          element: chandelier
        - entity: input_boolean.16
          element: walkway
        - entity: input_boolean.17
          element: stairscove
        - entity: input_boolean.18
          element: entrancelight
        - entity: input_boolean.19
          element: commontoilet
      state_action:
        service: floorplan.class_set
        service_data: '${(entity.state === "on") ? "show" : "hide"}'
    - name: aircons
      entities:
        - entity: input_boolean.ac1
          element: ackitchen
        - entity: input_boolean.ac2
          element: acbalcony
        - entity: input_boolean.ac3
          element: acliving
      tap_action: toggle
      state_action:
        service: floorplan.class_set
        service_data: '${(entity.state === "on") ? "show" : "hide"}'
    - entity: input_boolean.20
      element: areatv
      tap_action:
        action: call-service
        service: media_player.toggle
        target:
          entity_id: input_boolean.20
      hold_action: more-info
    - entity: input_boolean.20
      element: tv
      state_action:
        service: floorplan.class_set
        service_data: '${(entity.state === "on") ? "hide" : "show1"}'[Processing: vfp1 (1).svg...]()
2

What system are you running HA on?

3

Sorry @pcwii what you mean by wat system. If u asking abt the hardware. currently using Raspberry Pi.
Thank You

4

I was asking because maybe there are others that also use the same system (RPI) that see this behavior. Is this a RPI 4? I was using a RPI early in my HA use but have been using an Intel i7 PC as a docker server for quite some time now and noticed a substantial speed increase when moving away from the RPI. I don’t use a floor plan layout so I can’t be certain that your speed is due to your hardware platform but it may partly be due to this.

5

I use a RPi 4 and it works ok. Use the browser development tools to see what is actually taking a long time to load.