Динамический импорт улучшит загрузку VUE сайта или нет?

Question

[grabbee]

Там компоненты можно импортировать как минимум двумя способами

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

Все страницы однотипные. Компоненты очень часто переиспользуются. Например виджет Пагинации. Или меню какое нибудь. Страниц много

Если я большинство компонентов сделаю динамическую загрузку, не прибъет ли это скорость сайта? Ведь каждый такой кусочек будет забираться отдельным запросом.

Comments

[Сергей delphinpro]

Используйте магические комментарии в импортах, чтобы разбить логические части на бандлы.
В документации по вебпаку есть.

[Дмитрий Амельченко]

Теоретически да, вью загрузит такой компонент только когда это потребуется по запросу.

Answer 1

[Aetae]

Прибьёт. Использовать следует разумно. В основном когда такие компоненты тянут приличные (по размеру относительно бандла) куски кода с собой, а вызываются редко.