Hello, community! I’m currently facing an issue with slow loading time when stacking two floorplans using a vertical stack in the same YAML file for display on my 24-inch tablet. Could you please provide me with some advice or suggestions on how to improve the loading speed? Thank you!
Could we see the yaml?
kiosk_mode:
entity_settings:
- entity:
input_boolean.50: "on"
hide_sidebar: true
hide_header: true
views:
- title: Home
path: floorplan
icon: "mdi:floor-plan"
panel: true
badges: []
cards:
- type: vertical-stack
cards:
- type: custom:floorplan-card
full_height: true
config:
image:
location: /local/vfp/level1/vfp1.svg
cache: false
stylesheet: /local/floorplan.css
rules:
- name: aircons
entities:
- entity: input_boolean.ac1
element: ackitchen
- type: custom:floorplan-card
full_height: true
config:
image:
location: /local/vfp/level2/vfp2.svg
cache: false
stylesheet: /local/floorplan.css
rules:
- entities:
- entity: input_boolean.1
element: areambrlight
How long does it take to load? How big are your SVGs? Are you using the cache: true
options? Have you used the devtools in your browser to see what actual file is taking a long time to load?