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
实施起来相当容易。
我正在尝试全面优化 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
实施起来相当容易。