# Lazy load Angular Components

DevFeed: [Lazy load Angular Components](<https://devfeed.tech/articles/lazy-load-angular-components-21345.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/04/state-lazy-loading-components-angular/>)

Published: 2019-04-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [browser](<https://devfeed.tech/tags/browser.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [performance](<https://devfeed.tech/tags/performance.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [videos](<https://devfeed.tech/tags/videos.md>)

## AI overview

This tutorial explains lazy loading for Angular components as a way to reduce initial JavaScript bundle size and improve startup performance in single-page applications. It describes deferring rarely used sections, such as a settings area, until they are needed and discusses loading them through separate JavaScript files, including approaches powered by Angular Elements.

## Source excerpt

Lorem ipsum dolor sit amet