оптимизировать размер сборки vuejs - PullRequest
0 голосов
/ 20 июня 2019

Когда я собираю производственную сборку, размер css + js увеличивается до 3,8 МБ.

Единственное, что я вижу, это bootstrap, который занимает половину размера среди 3,8 МБ.,

Приложение содержит функцию CRUD в модуле admin, где я использовал bootstrap в основном, а other module представляет собой список статических страниц, в которых я использовал только grid начальной загрузки.

stats after production build

Пожалуйста, руководство на Как я могу улучшить дальнейшую оптимизацию?

Ответы [ 2 ]

1 голос
/ 20 июня 2019

Это ожидается и с использованием bootstrap, и вы ничего не можете сделать.Если бы вместо этого вы использовали bootstrap-vue, вы могли бы импортировать только те части модулей, которые вам нужны (javascript), и это значительно уменьшило бы размер вашего комплекта.

С учетом вышесказанного, в этом нет ничего плохогоВот.Максимальный размер gzip составляет 252kb, и это довольно дешево.

Если вы обслуживаете свой сайт с использованием http2 и браузер поддерживает его, ваш запрос будет мультиплексирован и будет использовать TCP-конвейеры для загрузки ресурсов.Это имеет огромные преимущества и улучшения по сравнению с HTTP1:

  • подключение к вашему серверу открывается через сокет TCP
  • сокет TCP затем балансирует запросы с использованием фреймов (которые являютсяасинхронный) против http1, который является синхронным и может управлять одновременно только двумя синхронными потоками HTTPD
  • конвейер не ожидает ресурсов и продолжает каскадировать запросы ресурсов, что значительно улучшает загрузку страницы.

Итак, подведем итоги - обслужите ваши активы в архиве и убедитесь, что ваш веб-сервер использует http2, и ваша проблема в настоящее время тривиальна.

0 голосов
/ 18 июля 2019

Рассмотрите возможность использования плагина purgecss, чтобы избавиться от всех неиспользуемых классов начальной загрузки: https://www.purgecss.com/guides/vue

...