# Defer Heavy Alpine.js Components

Delay rendering of heavy content until after initial load using `$nextTick`.

```html
<div x-data="{ loaded: false }" x-init="$nextTick(() => loaded = true)">
  <template x-if="loaded">
    <!-- Heavy content rendered after initial load -->
  </template>
</div>
```

Useful for carousels, maps, complex forms, and anything below the fold.