Filament performance

These numbers don't make any sense
why is a simple crud taking almost 40 MB of memory ?

TranceCode•10/18/23, 2:27 PM

I have the same problem here, 36MB and only loading an empty FilamentResource, example a customerResource with 36 MB, the dashboard with 32MB only with a widget, can't understand this problem... i check this video in Filament Daily, by Polivas Korop of Laravel Daily and the memory that use is 3MB and 80ms, i have all the time 400ms, 500ms... this is the video @noOne https://www.youtube.com/watch?v=LGHKjqLAhP4

YouTubeFilament Daily

Filament is Slow? Check Laravel Debugbar.

If you notice that some dynamic elements in Filament are loading slowly, I have a tip for you.

TTranceCode I have the same problem here, 36MB and only loading an empty FilamentResource, e...

noOneOP•10/18/23, 5:35 PM

caching the icons helped reducing the loading time "php artisan icons:cache" but didn't help with the memory usage
i noticed a comment in this video saying that the windows environment is one of the reasons
so i have to ask
do you use windows like me ?

Thijmen•10/18/23, 5:48 PM

Windows could be the problem

Thijmen•10/18/23, 5:49 PM

Probably best option is to use linux or mac

Thijmen•10/18/23, 5:49 PM

Windows uses a lot of memory for running "larger" projects

Thijmen•10/18/23, 5:49 PM

Is this local or production?

cheesegrits•10/18/23, 5:50 PM

For me on Mac locally a typical backend resource page is about 5MB and 350 to 400ms.

On an AWS Ubuntu in staging/prod it's about 5MB and 250 to 300ms.

cheesegrits•10/18/23, 5:51 PM

That's with 'views' turned off in DebugBar and caching icons.

cheesegrits•10/18/23, 5:53 PM

Which is actually slightly smaller and slightly faster than a default Jetstream "Profile" page on my front end.

cheesegrits•10/18/23, 5:56 PM

cheesegrits•10/18/23, 6:00 PM

Those are actually showing a livewire update, but the initial page loads are essentially identical times and sizes. I just can't click my capture buttons fast enough to snag them.

Ccheesegrits Click to see attachment

H.Bilbao•10/18/23, 6:24 PM

It is not the right place, but the above notification of the agreements is filament or is it something customized by you?

NnoOne caching the icons helped reducing the loading time "php artisan icons:cache" but...

TranceCode•10/18/23, 6:32 PM

yes i do with

php artisan icons:cache

php artisan icons:cache

but the memory not change, the time drops a little, but the memory megabytes remains the same, zero changes

Ccheesegrits For me on Mac locally a typical backend resource page is about 5MB and 350 to 40...

TranceCode•10/18/23, 6:33 PM

The time is the same like on of my project, but the memory is over 36MB and over 38 in other times

NnoOne caching the icons helped reducing the loading time "php artisan icons:cache" but...

TranceCode•10/18/23, 6:35 PM

yes bro, i'm working with Windows, i will test this in a laptop with Linux, maybe ubuntu... thank fot the detail

Ccheesegrits Click to see attachment

TranceCode•10/18/23, 6:37 PM

this look cool, i love this... maybe later i will test with a droplet on DigitalOcean and check this again

TTranceCode The time is the same like on of my project, but the memory is over 36MB and over...

Thijmen•10/18/23, 6:40 PM

Could you check with inspector network tab what is getting loaded?

TThijmen Is this local or production?

TranceCode•10/18/23, 6:50 PM

is a local project, not production yet

TThijmen Could you check with inspector network tab what is getting loaded?

TranceCode•10/18/23, 6:52 PM

in all resource load the same memory, 36mb or more, but never over 40mb, and this problem with 36mb is a resource loading a table with 13000 register or 900 register, or in empty resource, without data loading, i mean not table... is a stranger problem, mybe is windows like you says guys... i will know later when upload in DigitalOcean and test again

TTranceCode in all resource load the same memory, 36mb or more, but never over 40mb, and thi...

Thijmen•10/18/23, 6:53 PM

Could you check network tab like this to see what gets loaded what is that size?

TTranceCode yes bro, i'm working with Windows, i will test this in a laptop with Linux, mayb...

noOneOP•10/18/23, 7:51 PM

can you let me know when you test it ?

TThijmen Is this local or production?

noOneOP•10/18/23, 7:53 PM

in my case its local

Ccheesegrits Click to see attachment

noOneOP•10/18/23, 7:58 PM

can i ask how you made the sidebar look like this ?

cheesegrits•10/18/23, 8:05 PM

@noOne just set $navigationIcon to null. I have so many resources it makes no sense to try and use icons for them. You can also set an icon on the main nav group, in the panel service provider, and null for the individual resource icons ...

return $panel
  //
   ->navigationGroups([
      NavigationGroup::make()
          ->label('Aircraft')
          ->icon('heroicon-o-paper-airplane'),
      NavigationGroup::make()
          ->label('Logs')
          ->icon('heroicon-o-calendar'),
      NavigationGroup::make()
          ->label('Users')
          ->icon('heroicon-o-user-group'),
      //
  ])
  //

return $panel
  //
   ->navigationGroups([
      NavigationGroup::make()
          ->label('Aircraft')
          ->icon('heroicon-o-paper-airplane'),
      NavigationGroup::make()
          ->label('Logs')
          ->icon('heroicon-o-calendar'),
      NavigationGroup::make()
          ->label('Users')
          ->icon('heroicon-o-user-group'),
      //
  ])
  //

HH.Bilbao It is not the right place, but the above notification of the agreements is filam...

cheesegrits•10/18/23, 8:09 PM

None of that page is Filament. It's a more or less standard Jetstream front end page (the "Profile" page), with custom styling.

So the main nav menu is ...

<div x-data="{ open: false }" class="no-print font-josefin sticky top-0 z-30 bg-white">
    <!-- Primary Navigation Menu -->
    <div class="mx-auto max-w-full">
        <div class="flex h-16 justify-between">
            <x-desktop-menu :items="$items"></x-desktop-menu>
        </div>

        <x-overdue-agreements-header />
    </div>

    <!-- Responsive Navigation Menu -->
    <x-mobile-menu :items="$items"></x-mobile-menu>
</div>

<div x-data="{ open: false }" class="no-print font-josefin sticky top-0 z-30 bg-white">
    <!-- Primary Navigation Menu -->
    <div class="mx-auto max-w-full">
        <div class="flex h-16 justify-between">
            <x-desktop-menu :items="$items"></x-desktop-menu>
        </div>

        <x-overdue-agreements-header />
    </div>

    <!-- Responsive Navigation Menu -->
    <x-mobile-menu :items="$items"></x-mobile-menu>
</div>

... and the overdue-agreements-header is ...

@if (auth()->user()->hasAgencyAdminRole() && auth()->user()->hasCurrentAgency() && $agreement = auth()->user()->currentAgency->hasDueAgreement())
    <div class="bg-danger-500 px-4 py-1 text-center text-xl text-white sm:px-6 lg:px-8">
        Your agency has pending agreements.
        <a href="{{ route('agreements.agreement.edit', ['id' => $agreement->id]) }}"> Click here to sign the agreement.</a>
    </div>
@endif

@if (auth()->user()->hasAgencyAdminRole() && auth()->user()->hasCurrentAgency() && $agreement = auth()->user()->currentAgency->hasDueAgreement())
    <div class="bg-danger-500 px-4 py-1 text-center text-xl text-white sm:px-6 lg:px-8">
        Your agency has pending agreements.
        <a href="{{ route('agreements.agreement.edit', ['id' => $agreement->id]) }}"> Click here to sign the agreement.</a>
    </div>
@endif

cheesegrits•10/18/23, 8:11 PM

The only Filament thing on that page is the notifications bell, which shows the Filament database notifications shade.

Ccheesegrits @noOne just set $navigationIcon to null. I have so many resources it makes no s...

noOneOP•10/18/23, 8:41 PM

thanks

cheesegrits•10/18/23, 8:43 PM

So to be clear, I have a Filament backend, and a Jetstream based frontend (but which makes extensive use of standalone Filament tables, forms, actions, notifications, etc).

noOneOP•10/18/23, 8:49 PM

i went to an old laravel 9 project (not filament) and tested on a linux server and tested on my local windows pc
the difference is huge
the memory usage on windows is 27 MB but on linux its just 3 MB

NnoOne i went to an old laravel 9 project (not filament) and tested on a linux server a...

Shavik•10/18/23, 8:53 PM

On windows, how are you running it?

Shavik•10/18/23, 8:53 PM

Via WSL? If so, are you using

php artisan serve

php artisan serve

nginx

nginx

SShavik Via WSL? If so, are you using `php artisan serve` or `nginx`?

noOneOP•10/18/23, 8:57 PM

Laragon

Shavik•10/18/23, 8:57 PM

Hmm Not really familiar with using that

Shavik•10/18/23, 8:57 PM

I can tell you if you are using

php artisan serve

php artisan serve

expect a huge performance hit

Shavik•10/18/23, 8:58 PM

I have a tool that I'm close to releasing that makes Laravel via WSL a breeze on Windows

Shavik•10/18/23, 8:58 PM

Sets everything up for you

Shavik•10/18/23, 8:58 PM

I have seen similar really bad performance with Filament using

php artisan serve

php artisan serve

Mark Chaney•10/18/23, 8:58 PM

i never use artisan serve, like ever. dont recommend it

Shavik•10/18/23, 8:58 PM

and high memory as it's effectively running a webserver via php instead of a real webserver

Mark Chaney•10/18/23, 8:58 PM

exactly

Shavik•10/18/23, 8:59 PM

Back after Laracon when I was helping Marcel with NativePHP, I ran into that a LOT

Shavik•10/18/23, 8:59 PM

since internally it uses that because PHP natively on Windows does not support PHP-FPM so the php startup on each request really hurts livewire.

Shavik•10/18/23, 8:59 PM

and thus Filament

SShavik I can tell you if you are using `php artisan serve` expect a huge performance hi...

noOneOP•10/18/23, 9:01 PM

not really
i got the same result using

php artisan serve

php artisan serve

Shavik•10/18/23, 9:02 PM

Right, because if Laragon is native to Windows, it's solution isn't that much better than

artisan serve

artisan serve

Shavik•10/18/23, 9:02 PM

It's better but still severely suboptimal

Shavik•10/18/23, 9:02 PM

PHP-CGI isn't great

Shavik•10/18/23, 9:03 PM

It suffers from starting php for each request

Shavik•10/18/23, 9:03 PM

PHP-FPM keeps php processes spooled (depending on configuration) and ready to go

return $panel // ->navigationGroups([ NavigationGroup::make() ->label('Aircraft') ->icon('heroicon-o-paper-airplane'), NavigationGroup::make() ->label('Logs') ->icon('heroicon-o-calendar'), NavigationGroup::make() ->label('Users') ->icon('heroicon-o-user-group'), // ]) //

<div x-data="{ open: false }" class="no-print font-josefin sticky top-0 z-30 bg-white">  <div class="mx-auto max-w-full"> <div class="flex h-16 justify-between"> <x-desktop-menu :items="$items"></x-desktop-menu> </div> <x-overdue-agreements-header /> </div>  <x-mobile-menu :items="$items"></x-mobile-menu> </div>

@if (auth()->user()->hasAgencyAdminRole() && auth()->user()->hasCurrentAgency() && $agreement = auth()->user()->currentAgency->hasDueAgreement()) <div class="bg-danger-500 px-4 py-1 text-center text-xl text-white sm:px-6 lg:px-8"> Your agency has pending agreements. <a href="{{ route('agreements.agreement.edit', ['id' => $agreement->id]) }}"> Click here to sign the agreement.</a> </div> @endif