Why do we need Lazy Loading in Angular 4? Lazy loading is a technique in Angular that allows you to load JavaScript components asynchronously when a specific route is activated. It improves the speed of the application load time by splitting the application into several bundles.

What is the purpose of lazy loading?

The benefits of lazy loading include: Reduces initial load time – Lazy loading a webpage reduces page weight, allowing for a quicker page load time. Bandwidth conservation – Lazy loading conserves bandwidth by delivering content to users only if it's requested.

What is lazy loading and why will you use it?

The basic idea of lazy loading is to load images or iframes only when users need to display them: they won't have to wait for all the elements in the page to be loaded and, therefore, can start using the web page sooner.