Preloading feature modules for faster navigation

Session
Until February 13: ✓ PlayStation Classic Mini or C64 Mini for free ✓ Save up to £335 ✓ Group discount Register now
Bis 13. Februar: ✓ PlayStation Classic Mini oder C64 Mini for free ✓ Bis zu £335 sparen ✓ Kollegenrabatt Jetzt anmelden
Until February 13:
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
Until February 13:
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until July 9:
✓ Fullstack Day for free
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to 594 €
Register now
Bis 9. Juli:
✓ Fullstack Day for free
✓ PlayStation Classic Mini oder C64 Mini for free
✓ Bis zu 594 € sparen
Register now
Infos
Tuesday, April 21 2020
09:00 - 09:45

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.

Take me to the full program of Zum vollständigen Programm von London London .

Take me to the full program of Zum vollständigen Programm von New York New York .

This Session belongs to the Diese Session gehört zum Programm vom LondonLondon and  und New YorkNew York program. Take me to the program of . Hier geht es zum Programm von Munich München .

This Session Diese Session belongs to the gehört zum Programm von LondonLondon and  und New YorkNew York program. Take me to the current program of . Hier geht es zum aktuellen Programm von London London , New York New York or oder Munich München .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows