Use Angular's New Deferrable Views Now
Briefly

Deferrable views help you optimize your initial bundle size and improve the initial load of your application by allowing you to declaratively lazy load portions of your template until they are needed later.
Lazy loaded routes still work just as they did before. Lazy loading at the route level offers a great way to break up your application chunks on a per-route basis. You can combine lazy loaded routes with deferrable views to maximize chunk optimization for your application.
We are excited about deferrable views offering a declarative experience allowing developers to express their clear intent in the template. No need to manage verbose dynamic imports, use intersection observers, or add event handlers. Deferrable views have this entirely built-in and managed for you.
Read at Medium
[
add
]
[
|
|
]