如何使用webpack和angular2 / 4优化vendor.bundle.js文件大小和启动加载

时间:2018-01-29 14:07:33

标签: angular webpack-production

我有大小为6MB的vendor.bundle.js。我正在使用webpack配置,如何减小vendor.bundle.js的大小以优化负载性能。我已经实现了文件剩余部分的性能,只有我的vendor.bundle.js需要时间来加载apprx 7到8秒。有没有人可以提供帮助。有没有办法在加载时跳过vendor.bundle.js.

2 个答案:

答案 0 :(得分:1)

据我所知,减少Angular Application加载时间的直接方法是:

构建后:

  1. 使用UglifyJS在main.bundle.js和vendor.bundle.js中删除空格。尺寸减少约50%。

  2. 每个服务器(Tomcat,Nginx)都具有使用gzip压缩将JS / HTML / JPEG /等压缩版本发送到客户端的功能。为您的服务器启用它。

  3. 使用这两种技术,我的整体下载量从8 MB显着降低到650 KB

答案 1 :(得分:0)

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