我有大小为6MB的vendor.bundle.js。我正在使用webpack配置,如何减小vendor.bundle.js的大小以优化负载性能。我已经实现了文件剩余部分的性能,只有我的vendor.bundle.js需要时间来加载apprx 7到8秒。有没有人可以提供帮助。有没有办法在加载时跳过vendor.bundle.js.
答案 0 :(得分:1)
据我所知,减少Angular Application加载时间的直接方法是:
构建后:
使用UglifyJS在main.bundle.js和vendor.bundle.js中删除空格。尺寸减少约50%。
每个服务器(Tomcat,Nginx)都具有使用gzip
压缩将JS / HTML / JPEG /等压缩版本发送到客户端的功能。为您的服务器启用它。
使用这两种技术,我的整体下载量从8 MB
显着降低到650 KB
。
答案 1 :(得分:0)
我缩小了vendor.bundle的大小,因为两个npm库包含了js本身的数据,因此大小占用了6mb,因此删除了库。现在大小是890KB