Блог

Я использую библиотеку Vue Material Design в своем приложении Vue.

Я использовал встряхивание дерева для выборочной загрузки используемых компонентов в моем main.js .. Использование этого пакета блокирует мой основной поток и приводит к увеличению моего TTI в Lighthouse Audit с 3,7 до 6s. Для меня это неприемлемо..

При выполнении дополнительной проверки производительности с помощью Webpack Bundle Analyser и проверки вкладки покрытия в my DevTools становится ясно, что материал Vue является блокирующим фактором.

У кого-нибудь был подобный опыт работы с этой библиотекой? Есть ли другой способ его загрузки, который приводит к уменьшению фрагмента?

  import { MdField, MdList, MdChips, MdSwitch, MdButton} from 'vue-material/dist/components'
 import 'vue-material/dist/vue-material.min.css'
 Vue.use(MdField);
 Vue.use(MdList);
 Vue.use(MdChips);
 Vue.use(MdButton);
 Vue.use(MdSwitch);