Will dynamic import improve VUE site loading or not?

Question

webpack

There, components can be imported in at least two ways

import StaticComponent from '@/components/StaticComponent';
 
export default {
  components: {
    DynamicComponent: () => import('@npm-vendor/DynamicComponent'),
    StaticComponent,
  },
}

All pages are the same. Components are very often reused. For example the pagination widget. Or some kind of menu. There are a lot of pages

If I make most of the components dynamic loading, will it speed up the site? After all, each such piece will be taken by a separate request.

Answer 1

Will beat. Should be used wisely. Basically, when such components pull decent (in size relative to the bundle) pieces of code with them, but are rarely called.