Livewire 4 Demo

Lazy Loading Component Example

Aprende a diferir la carga de componentes pesados o lentos para mejorar significativamente el tiempo de renderizado de la página inicial.

¿Cómo funciona?

  • ✔ Difiere la carga del componente hasta que entra en el viewport (pantalla visible).
  • ✔ Muestra un Placeholder o esqueleto animado mientras se realiza la petición en segundo plano.
  • ✔ No bloquea el renderizado HTML de la página principal.

Sintaxis Utilizada: 

<livewire:pages::demo.lazy-child lazy />

⚡ Componente Cargado Asíncronamente

⏳ Simulando carga lenta (sleep de 2 segundos)...