Preloading feature modules for faster navigation

Session
Until the conference starts:
✓ Group discount
✓ Specials for freelancers
✓ 2-in-1 conference package
Register now
Bis Konferenzbeginn:
✓ Kollegenrabatt
✓ Special Discount für Freelancer
✓ 2-in-1-Konferenz-paket
Jetzt anmelden
Until December 16:
✓ Fullstack Day for free
✓ Save up to £710
✓ Group discount
Register now
Until December 16:
✓ Fullstack Day for free
✓ Save up to £710
✓ Group discount
Register now
Thank you for joining!
Register now
Thank you for joining!
Register now
Infos
Code splitting allows us to divide an application’s JavaScript bundle into smaller bundles. Instead of loading the JavaScript for the whole application we can load an initial bundle that only has what the application needs to bootstrap. Using lazy loading we dynamically load the JavaScript bundles for the feature modules when the user navigates to its route.
Although this allows the application to load faster and the user to start interacting with the application faster, lazy loading can cause the initial navigation to the feature routes to be slow, as the user has to wait while the browser downloads and processes the JavaScript bundle before rendering the route.
Can we achieve both faster application load time and faster navigation?
Find out in this talk how preloading feature routes can give faster navigation, what built-in preloading strategy is available in Angular, how to create custom preloading strategies and use Quicklink library for selective preloading or Guess.js for predictive prefetching.

 

 

This Session originates from the archive of Diese Session stammt aus dem Archiv von LondonLondon . Take me to the program of . Hier geht es zum aktuellen Programm von Munich München .

This Session originates from the archive of Diese Session stammt aus dem Archiv von LondonLondon . Take me to the program of . Hier geht es zum aktuellen Programm von London London .

This Session originates from the archive of Diese Session stammt aus dem Archiv von LondonLondon . Take me to the program of . Hier geht es zum aktuellen Programm von New York New York .

This Session Diese Session originates from the archive of stammt aus dem Archiv von LondonLondon . Take me to the current program of . Hier geht es zum aktuellen Programm von Munich München , London London or oder New York New York .

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