Блог Серії
Кар'єра
Вакансії Компанії
Навчання
Співбесіди Тестування Відео
Екосистема
Пакети Ресурси Проєкти
Інше
Події Про нас
Senior Livewire 2

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

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

  • Великий серіалізований стан - 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 (частковий ререндер) та винесення важкої логіки в черги замість синхронних дій.

Схожі питання