Livewire v3 Lazy, Islands & Deferred Loading | Mohamed Said       [Skip to content](#main)  [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://www.msaied.com/public) - [Home](https://www.msaied.com/public)
- [Projects](https://www.msaied.com/public/projects)
- [Articles](https://www.msaied.com/public/articles)
- [Certificates](https://www.msaied.com/public/certificates)
- [About](https://www.msaied.com/public#about)

           [  Contact](https://www.msaied.com/public#contact) Menu 

Menu
----

Close 

 - [HomeStart here](https://www.msaied.com/public)
- [ProjectsCase studies](https://www.msaied.com/public/projects)
- [ArticlesEngineering notes](https://www.msaied.com/public/articles)
- [CertificatesCredentials](https://www.msaied.com/public/certificates)
- [AboutHow I work](https://www.msaied.com/public#about)
- [ContactGet in touch](https://www.msaied.com/public#contact)

  [Start a conversation](https://www.msaied.com/public#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 

 1. [Home](https://www.msaied.com/public)
2. /
3. [Articles](https://www.msaied.com/public/articles)
4. /
5. Livewire v3 Lazy Components, Islands, and Deferred Loading in Practice

 Livewire v3 Lazy Components, Islands, and Deferred Loading in Practice
=======================================================================

 Lazy components, islands, and deferred loading in Livewire v3 let you ship fast initial pages without sacrificing interactivity. Here is how to use each pattern correctly and avoid the traps.

 ![](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) [Mohamed Said](https://www.msaied.com/public#person) Published 23 Aug 2026 · Updated 23 Aug 2026 · 1 min read

ShareCopy linkCopied

 ![Livewire v3 Lazy Components, Islands, and Deferred Loading in Practice](https://cdn.msaied.com/582/564b2d098d2b94b53d4f5319ac77d58b.png) 

  On this page +1. [Why Initial Page Weight Kills Perceived Performance](#why-initial-page-weight-kills-perceived-performance)
2. [Lazy Components with #\[Lazy\]](#lazy-components-with-codelazycode)
3. [Isolating Lazy Requests](#isolating-lazy-requests)
4. [wire:init for Inline Deferred Calls](#codewireinitcode-for-inline-deferred-calls)
5. [Islands: Truly Independent Component Trees](#islands-truly-independent-component-trees)
6. [Choosing the Right Tool](#choosing-the-right-tool)
7. [Key Takeaways](#key-takeaways)

 Why Initial Page Weight Kills Perceived Performance
---------------------------------------------------

Every Livewire component mounted on a page adds a JSON snapshot to the initial HTML payload. For dashboards with a dozen widgets, that snapshot cost compounds quickly. Livewire v3 ships three complementary tools to defer that cost: **lazy components**, **islands**, and the `wire:init` / `#[Lazy]` deferred-loading pattern. They are not interchangeable — knowing which to reach for is the real skill.

---

Lazy Components with `#[Lazy]`
------------------------------

Adding the `#[Lazy]` attribute to a component class tells Livewire to skip the full mount during the initial render and instead emit a lightweight placeholder. A subsequent HTTP request hydrates the real component.

```php