Які типові причини проблем продуктивності в Livewire і як їх уникати?

Question

Accepted Answer

Найчастіші причини:

Великий серіалізований стан - Livewire серіалізує всі public-властивості в кожен запит. Тримайте в public лише необхідне; похідні дані вираховуйте у computed properties (#[Computed]).
Надмірний wire:model.live - кожне натискання шле запит. Використовуйте deferred або .debounce.
Відсутність wire:key у циклах - ламає узгодження DOM, спричиняє «стрибки» та зайвий ререндер.
«Божественні» компоненти - розбивайте на дрібніші, ізольовані.
Завантаження всіх записів - використовуйте пагінацію та #[Lazy]-компоненти.

@foreach ($posts as $post)
    <livewire:post-row :post="$post" :key="$post->id" />
@endforeach

Також допомагають islands (частковий ререндер) та винесення важкої логіки в черги замість синхронних дій.

Senior: питання на співбесіді з теми «Livewire»