如何在浏览器中快速加载angular 6应用程序？

Question

如何减少加载应用程序的时间。我的angular6应用程序有一个app模块。在应用程序模块下，我有很多组件，如主页，注册，登录，用户仪表板，客户端仪表板等。我的应用程序需要花费很多时间来加载，我想先加载一个或两个组件然后剩下的组件需要在后台加载。如果有可能怎么办，请让我有可能。提前致谢。

Answer 1

快速加载应用程序的最佳方法是Lazy Loader（按需加载模块）。并使生产构建：

build --prod --build-optimizer

Answer 2

使用延迟loading.Angular-Lazy-Loading可以实现最佳方法。

如果在使用ng服务时使用--prod标志，则可能需要一段时间才能加载，但它会提高应用程序的总体性能。

它也可以使用ng build --prod来实现。

Answer 3

基本上在Angular应用程序组件中，只有在单击它们时才会加载。当您单击组件时，ngOninit会被触发并加载页面。我猜你的应用程序加载速度慢，然后尝试从module.ts文件中删除Entry组件。删除你认为在加载时不需要的不必要的组件。你必须在module.ts的entry组件中声明所有组件。文件。如果您有大量图像和视频，页面加载速度很慢的其他情况。在这种情况下，您可以尝试优化代码并使用JavaScript库或延迟加载功能。如果由于后端运行缓慢或者需要时间从后端获取数据而未呈现或显示数据，则需要优化后端。在这种情况下，您无法做任何事情来减少加载时间。

Angular具有许多功能，使我们能够将应用程序配置为尽可能快速和高性能。阅读以下文章。 AngularCustom Preloading and Lazy Loading Strategies with Angular

它将指导您并帮助您选择性加载角度应用。