Angular 7:如何减少 vendorjs (@angular/... packages) 的大小以缩短页面加载时间?

Angular 7: How can I reduce the vendorjs (@angular/... packages) size to improve page load time?

所以,我在这里搜索了这个,并尝试了大部分解决方案。但是,我没有得到任何具体的。 问题是 vendorjs 大小约为 1 MB,如果我只考虑 Angular(核心?)包,并且在屏幕上显示任何内容之前加载此文件。这意味着,在用户(国王)可以在应用程序中做任何有用的事情之前,我们必须等待服务器提供 1 Mb+ 文件。
我不知道我是否做错了什么。如果我不能减小尺寸,还有其他解决方法吗? 我不关心大小,只要应用程序加载速度快,并且(侧载?)这些核心包。 实际大小要多得多,但我想关注 Angular 个包。

请不要给出任何与 gzip 相关的解决方案,因为(我在这里可能是错的),这需要在服务器中设置?而且我无法控制服务器配置。

我使用 source-map-explorer 得出尺寸: vendorjs-size-distribution

编辑:顺便说一句,这是来自包 json:
"@agm/core": "1.0.0-beta.5",
"@angular/animations": "7.0.3",
"@angular/cdk": "7.0.3",
"@angular/common": "7.0.3",
"@angular/compiler": "7.0.3",
"@angular/core": "7.0.3",
"@angular/elements": "^7.2.0",
"@angular/flex-layout": "7.0.0-beta.19",
"@angular/forms": "7.0.3",
"@angular/http": "7.0.3",
"@angular/material": "7.0.3",
"@angular/platform-browser": "7.0.3",
"@angular/platform-browser-动态": "7.0.3",
"@angular/router": "7.0.3",

所以,我已经升级到 Angular11。 所以,我不知道内部结构。但我没有注意到太多改进(这是主观的)。但是,我认为 Angular 核心包本身有 500kb 大小。这会在任何页面绘制之前加载。 有时间我会 post webpack-analyzer 结果。 所以,据我所知,没有办法解决这个问题:)

P.S。这对我们的项目影响不大,因为它是内部应用程序,大多数时候网络都足够好。

编辑: source-map-explorer 有一些问题所以结束了

使用 webpack-bundle-analyzer 获取包大小: @angular bundle size core.js size

@angular:991.56kb

  • material:398.24kb

  • core.js:117.8kb

  • cdk:178.49kb