We can split our application code into smaller bundles by lazy loading feature modules. Each feature module is bundled into a separate file. The initial application load time is faster since it downloads a small bundle which only has what is necessary to bootstrap the application. The feature modules are loaded on demand when the user navigates to the feature route. This can slow down the initial navigation to the feature routes. How can we achieve both faster application load time and faster navigation?

One way is to use preloading. Preloading is a technique where after each successful navigation, the router downloads a feature module which has not been loaded yet so when the user navigates to the route, it is fast.

This talk will give an overview of how the Angular router works, how lazy loading works and how to setup preloading and customise preloading strategies in Angular.