Livewire: Optimize Performance with Lazy Loading

Speed up your Livewire components with lazy loading techniques.

Improve Livewire performance with lazy loading:

Lazy Load Heavy Components

blade

<livewire:dashboard.analytics lazy />

class Analytics extends Component
{
    public function placeholder()
    {
        return view('loading');
    }
}

blade

<div wire:init="loadData">
    @if($dataLoaded)
        <!-- Display data -->
    @endif
</div>

Lazy loading keeps initial page loads fast!