How to make custom forms more efficient

Hello - I have multiple forms on a Filament page. The forms all work, but the performance is very slow. Each

update

update

call takes between 2-3 seconds in my local environment. I'm worried that in production each request will take 5-10 seconds. Between all the forms on the page, there are roughly 500 form components.

I tried breaking the forms up into even more forms (with each form containing less data), but the performance stayed the same.

Does anyone have any advice for how to improve this performance? Each field is reactive and updates the relevant record when modified using

afterStateUpdated

afterStateUpdated

. I would like to avoid using a traditional

Update

Update

button like with standard

EditRecord

EditRecord

pages. There are a lot of data fields and if the user forgot to hit

Update

Update

it would take them a long time to recreate their work. Thank you!

Bbwurtz999 Hello - I have multiple forms on a Filament page. The forms all work, but the pe...

LeandroFerreira•9/16/24, 5:36 AM

Each field is reactive and updates the relevant record when modified using afterStateUpdated
I think this is why your form is slow...

Maybe you could use something like to alert users if they forgot to hit the button

https://filamentphp.com/docs/3.x/panels/configuration#unsaved-changes-alerts

Configuration - Panel Builder - Filament

bwurtz999OP•9/16/24, 12:05 PM

Wow this is an awesome feature. Didn't realize this existed. Thank you!

bwurtz999OP•9/16/24, 12:06 PM

Does this work on forms on custom pages? The docs say this only applies to create and edit pages, as well as open modals

Bbwurtz999 Does this work on forms on custom pages? The docs say this only applies to creat...

LeandroFerreira•9/16/24, 12:09 PM

yep. If you want to add it in custom pages, you should inspect the code and develop it

bwurtz999OP•9/16/24, 12:15 PM

Thank you!

bwurtz999OP•9/16/24, 12:15 PM

Just a clarifying question - is the reason the updates are so slow because Filament is re-rendering each form on the page every time an update is made?

bwurtz999OP•9/16/24, 12:16 PM

Is there a way to essentially use for forms that are not modified?

Bbwurtz999 Just a clarifying question - is the reason the updates are so slow because Filam...

LeandroFerreira•9/16/24, 12:39 PM

yes, this will render every livewire request

Bbwurtz999 Is there a way to essentially use `wire:ignore` for forms that are not modified?

LeandroFerreira•9/16/24, 12:41 PM

I don't think wire:ignore will make sense if you want to make the fields

bwurtz999OP•9/16/24, 12:47 PM

Got it. Thanks