Advantages of Dynamic Module Import in Javascript

Advantages of Dynamic Module Import in Javascript

1. Increases initial Page Load Speed
2. Prevents Unnecessary Downloads
3. Internationalization

1. Increases initial Page Load Speed

The first and most obvious reason is to reduce the amount of code loaded when the page is first loaded. If you have JavaScript code that is related to a shopping cart then it may make sense to only download that code once the user actually adds an item to their cart or interacts with the cart.

If this cart code is large then by delaying the download we are speeding up the page load drastically for all users that will never interact with the cart

2. Prevents Unnecessary Downloads

Many times in our code lot of files will be downloaded unnecessarily Dynamic module import will be an awesome choice to avoid these kinds of downloads

For Example, On any Website, Admin Module files will be downloaded each time a user logs in but those files will be executed only if the user is an admin, So through Dynamic module import, We can download the admin module files only if Admin Logs in.

3. Internationalization

If you are working on a global application, chances are you most likely have tons of internationalization files for the various languages you support. Instead of importing all of these files, you could instead only import the locale that the specific user needs.