# How to speedup a side panel opening?

**URL:** <https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881>\
**Category:** How do I?\
**Tags:** workflows, design, modal, supabase, weweb\
**Created:** [May 30, 2024, 3:18pm UTC](https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881 "2024-05-30T15:18:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Antiokh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/antiokh/32/2794_2.png) [@Antiokh](https://community.weweb.io/u/Antiokh)\
**Post date:** [May 30, 2024, 3:18pm UTC](https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881/1 "2024-05-30T15:18:44Z")

</div>

Hi there! So I have an interface where I’m using drawers instead of modals (because almost every selector requires plenty of items inside).

The question is: how to speed up the drawer opening?  
I can set the loader, but it should be visible before the user gets angry.

Now in my WF I set the variable controlling the visibility of the drawer first and then all the rest actions (fetch etc.). I need the drawer to be opened just after the user clicks the button instead of “something happens on the backend, just wait without any notification”.

[Arnaud erp demo - YouTube](https://www.youtube.com/watch?v=6s5y7qU26Lg)

---

<div class="post-metadata">

**Author:** ![Melwyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/melwyn/32/5356_2.png) [@Melwyn](https://community.weweb.io/u/Melwyn)\
**Post date:** [June 3, 2024, 10:39pm UTC](https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881/2 "2024-06-03T22:39:07Z")

</div>

It seems like there is a lot to load.  
Which backend are you using and how do you pull the data in?  
Perhaps there is something to optimise on your endpoint?  
I would say, try to keep only the fields that you need.  
Also, this might also be a good opportunity to use pagination or an infinite scroll depending on how you want to do it.

---

<div class="post-metadata">

**Author:** ![Antiokh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/antiokh/32/2794_2.png) [@Antiokh](https://community.weweb.io/u/Antiokh)\
**Post date:** [June 5, 2024, 10:58pm UTC](https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881/3 "2024-06-05T22:58:21Z")

</div>

Supabase, collection items. Pagination is a good option but now I only have ≈50 items in a list and still get freezes. It’s ok to load smth. But why can’t we show the panel with a loader first and do something then?  
Or to do it I have to init collection just after drawer opening? How to kill it then? Haven’t seen an option “unload collection”.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [June 7, 2024, 11:26am UTC](https://community.weweb.io/t/how-to-speedup-a-side-panel-opening/8881/4 "2024-06-07T11:26:21Z")

</div>

What I found useful is fetching a view of some sort on load, e.g my calendar view, with all the data, and then just change variables, e.g `modalData` from the fetched collection. This is a sort of Redux pattern-like thing, where you just fetch the data once, and then handle the rest with the WeWeb’s state. And it makes your app blazingly fast.