Как оптимизировать размер файла vendor.bundle.js и загрузку при запуске, используя webpack и angular2/4

Question

У меня есть vendor.bundle.js размером 6 МБ. Я использую конфигурацию webpack, как уменьшить размер vendor.bundle.js для оптимизации производительности загрузки. Я достиг производительности для остальной части файла, только мой vendor.bundle.js тратит время на загрузку от 7 до 8 секунд. Кто-нибудь может помочь в этом. Есть ли способ пропустить vendor.bundle.js при загрузке.

Answer 1

Я уменьшил размер vendor.bundle, так как две библиотеки npm включали данные в сам js, поэтому размер занимал 6 МБ, поэтому удалили библиотеку. Теперь размер 890KB

Answer 2

По моему мнению, прямой способ сократить время загрузки Angular Application - это:

Пост сборки:

1. Используйте UglifyJS для устранения пробелов в ваших файлах main.bundle.js и vendor.bundle.js. Уменьшение размера составляет около 50%.

2. Каждый сервер (Tomcat,Nginx) имеет возможность отправлять сжатые версии вашего JS/HTML/JPEG/ и т. Д. Клиенту, используя gzip сжатия. Включите его для вашего сервера.

Используя эти два метода, мой общий размер загрузки значительно уменьшился с 8 MB в 650 KB,