Example 1 - Basic Defer on Idle

This example demonstrates a defer block that loads content when the browser becomes idle.

Immediately Loaded Content

This content loads immediately when the component is rendered.

Deferred Content (loads on idle)

🎉 This content was loaded when the browser became idle!

This demonstrates the basic defer block functionality. The content inside this card was not loaded initially but only when the browser had idle time.

Defer blocks help improve initial page load performance by postponing non-critical content.