Deferrable Views

Deferrable views can be used in component template to defer the loading of select dependencies within that template. Those dependencies include components, directives, and pipes, and any associated CSS. To use this feature, you can declaratively wrap a section of your template in a @defer block which specifies the loading conditions.

Visit the following resources to learn more:

• @official@Deferrable Views
• @article@Unlocking Performance with Deferrable views
• @video@Angular 17 Defer Block
• @article@Learn how to unit test deferrable views