如何使用 webpack 和 angular2/4 优化 vendor.bundle.js 文件大小和启动加载
How to optimize vendor.bundle.js file size and startup loading using webpack and angular2/4
我有 vendor.bundle.js 6MB 大小。我正在使用webpack配置,如何减少vendor.bundle.js的大小来优化加载性能。我已经实现了其余文件的性能,只有我的 vendor.bundle.js 需要时间来加载大约 7 到 8 秒。有没有人可以提供帮助。有没有办法在加载时跳过 vendor.bundle.js。
我已经减小了 vendor.bundle 的大小,因为两个 npm 库包含 js 本身中的数据,所以大小占用了 6mb,所以删除了库。现在大小是890KB
根据我的说法,减少 Angular 应用程序加载时间的直接方法是:
Post 构建:
使用 UglifyJS 消除 main.bundle.js 和 vendor.bundle.js 中的空格。体积缩小约 50%。
每个服务器 (Tomcat,Nginx) 都可以使用 gzip
压缩将 JS/HTML/JPEG/etc 的压缩版本发送到客户端。为您的服务器启用它。
使用这两种技术,我的整体下载大小从 8 MB
显着减少到 650 KB
。
我有 vendor.bundle.js 6MB 大小。我正在使用webpack配置,如何减少vendor.bundle.js的大小来优化加载性能。我已经实现了其余文件的性能,只有我的 vendor.bundle.js 需要时间来加载大约 7 到 8 秒。有没有人可以提供帮助。有没有办法在加载时跳过 vendor.bundle.js。
我已经减小了 vendor.bundle 的大小,因为两个 npm 库包含 js 本身中的数据,所以大小占用了 6mb,所以删除了库。现在大小是890KB
根据我的说法,减少 Angular 应用程序加载时间的直接方法是:
Post 构建:
使用 UglifyJS 消除 main.bundle.js 和 vendor.bundle.js 中的空格。体积缩小约 50%。
每个服务器 (Tomcat,Nginx) 都可以使用
gzip
压缩将 JS/HTML/JPEG/etc 的压缩版本发送到客户端。为您的服务器启用它。
使用这两种技术,我的整体下载大小从 8 MB
显着减少到 650 KB
。