有角度的应用程序第一页加载时间问题，最长可达9秒

Question

我正在尝试全面优化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文件，当我将其上传到我的dev服务器时，应用程序加载时间为9.2秒

我不知道为什么server.js的文件大小这么大。有人能帮我解决这个问题吗？我可以用1到2秒的时间加载Angular应用程序。

Answer 1

您似乎没有使用Angular提供的延迟加载模块功能。请使用这个。延迟加载有助于保持初始捆绑包大小较小，这反过来又有助于减少加载时间。

更多信息，请访问延迟加载功能模块

Answer 2

我建议您为应用程序实现延迟加载功能。把你的组成部分分成相似或相似的部分。这些组称为模块。

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

它很容易实现。