Preloading feature modules for faster navigation

Session
Join PWA Conference
April 19, 2020 | London
Register now
Join PWA Conference
April 19, 2020 | London
Register now
Until July 30:
✓ Group discount
✓ Save up to £160
Register now
Until July 30:
✓ Group discount
✓ Save up to £160
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
Friday, September 4 2020
11:00 - 11:45
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 belongs to the Diese Session gehört zum Programm vom LondonLondon program. Take me to the program of . Hier geht es zum Programm von PWA Conference London PWA Conference London .

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

This Session belongs to the Diese Session gehört zum Programm vom LondonLondon program. Take me to the program of . Hier geht es zum Programm von New York New York .

This Session belongs to the Diese Session gehört zum Programm vom LondonLondon 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 program. Take me to the current program of . Hier geht es zum aktuellen Programm von PWA Conference London PWA Conference London , 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