'Angular Micro frontend taking time to load module on while navigating

I am using Angular 12 and implemented a micro frontend using Webpack5 Module Federation. Application is working fine, but the micro frontend application that I am loading into a Host Application is taking time to load.

angularwebpackmicro-frontend


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

Could not find the entrypoints file from Webpack: the file ".../public/build/entrypoints.json" does not exist

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Using webpack to load CSS files from node modules

ant design customize theme vue

webpack try to require a module that might be missing

React-router did not work on production

Error with docker and react, digital envelope routines::unsupported

CSS background-image not showing, but does when I apply style to the element in dev tools?

plugin is not working in Webpack with React JS

How can I mock Webpack's require.context in Jest?

Unexpected token (16:22) You may need an appropriate loader to handle this file type

TailwindCSS 3.0 Upgrade overriding button styles

i tried to Polyfill modules in webpack 5 but not working (Reactjs)

CSS Modules Breaking in Production with Create React App