Back to Browse

Apply Route-level Code Splitting and Lazy Loading with the Angular CLI

3.9K views
Nov 1, 2019
5:28

When our Angular web app grows, the initial bundle size increases and so does the Time to Interactive. One of the countermeasures we can apply to improve that is to apply code-splitting to our app and consequently to lazy load those bundles only when they are needed. In this lesson we will learn how to apply route-level code splitting via the Angular CLI. Article: https://web.dev/route-level-code-splitting-in-angular/ GitHub: https://github.com/juristr/egghead-ng-perf/tree/route-level-code-splitting

Download

1 formats

Video Formats

360pmp48.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Apply Route-level Code Splitting and Lazy Loading with the Angular CLI | NatokHD