angular - How to optimize vendor.bundle.js file size and startup loading using webpack and angular2/4

Question

I have vendor.bundle.js of 6MB size. I am using webpack configuration, how to reduce the size of vendor.bundle.js to optimize the load performance. I have achieved the performance for rest of file only my vendor.bundle.js is taking time to load apprx 7 to 8sec. Does anyone can help on this. Is there a way to skip vendor.bundle.js on load.

Answer 1

根据我的说法，减少 Angular 应用程序加载时间的直接方法是：

后期构建：

1. 使用 UglifyJS 消除 main.bundle.js 和 vendor.bundle.js 中的空白。尺寸减少约 50%。

2. 每台服务器（Tomcat、Nginx）都具有使用gzip压缩向客户端发送压缩版本的 JS/HTML/JPEG/etc 的功能。为您的服务器启用它。

使用这两种技术，我的整体下载大小8 MB从650 KB.

Answer 2

我减小了 vendor.bundle 的大小，因为两个 npm 库在 js 本身中包含了数据，因此大小占用了 6mb，因此删除了该库。现在大小是 890KB