developer-roadmap/roadmaps/angular/content/defer@ONy-0olujU_FGZM7Wvfr2.md

@defer

The @defer block is a mechanism that allows you to delay the loading of specific parts of your template until a defined condition is met. It works by postponing the initialization of components, directives, and pipes within the block to reduce the initial bundle size and improve the application's startup performance. You can trigger the loading process using built-in triggers like interaction, visibility, or time, while also specifying placeholder or loading states to display to the user while the content is being fetched.

Visit the following resources to learn more:

• @official@@defer
• @article@Angular Defer Complete Guide
• @article@How to use Angular's defer block to improve performance