Angular 应用首页加载时间问题,最多 9 秒

Angular application first page loading time issue and its up to 9 seconds

我正在尝试全面优化 Angular 7 个应用程序 我的包裹尺寸是:

 main.js.map (main) 2.05 MB
 polyfills.js.map (polyfills) 237 kB
 runtime.js.map (runtime) 14.2 kB
 scripts.js.map (scripts) 1.02 MB
 styles.js.map (styles) 381 kB 

但是当我 运行 这个命令时:

ng build --prod --aot && gzipper --verbose ./dist && ng run my-app:server:production

它制作了一个 27mb 大小的 server.js 文件,当我将其上传到我的开发服务器时, 应用程序加载时间为 9.2 秒

我不知道为什么 server.js 文件这么大。 谁能帮我解决这个问题,我的 Angular 应用加载时间可以缩短 1 到 2 秒。

您似乎没有使用 Angular 提供的延迟加载模块功能。请使用这个。延迟加载有助于保持较小的初始包大小,从而有助于减少加载时间。

更多信息可以在 Lazy load feature modules

我建议您为您的应用程序实现延迟加载功能。将您的组件分组在其他相似或相似之处。这些组称为模块。

这是来自 Angular 的文档。 https://angular.io/guide/lazy-loading-ngmodules

实施起来相当容易。