When using multiple Accordions (or Collapsible Panels) in an OutSystems Reactive application, loading all the contents of each accordion at once can negatively affect performance.By default, every accordion’s UI and data are rendered whether the user expands them or not.
To improve performance, we can configure the accordion so that its content loads only when opened. This is known as on-demand loading.
Performance improvement: Reduces initial screen load time.
Lower memory usage: Content of closed accordions is not rendered in the DOM.
Efficient data fetching: Data is fetched only when needed.
Better scalability: Works smoothly even with many accordions on the same screen.