在上图中,很明显,我的应用程序花费了太多时间(如图所示3分钟)来首次加载。我找不到实际原因。
有关我的申请的一些详细信息:
如果需要提供更多详细信息,请帮助我找出延迟原因。
答案 0 :(得分:2)
利用有角度的路由器和模块延迟加载的优势。例如,创建相关组件的模块,并在访问vie时加载特定的js文件
在示例中,当访问customer
路由时,它将加载相关的js文件,其他模块也会加载
const routes: Routes = [
{
path: 'customers',
loadChildren: './customers/customers.module#CustomersModule'
},
{
path: 'orders',
loadChildren: './orders/orders.module#OrdersModule'
}
];
您还可以运行ng build --prod
。这将压缩代码,将消除无效代码
答案 1 :(得分:2)
它可以是13个组件,具有6K行代码。组件数量无关紧要,代码复杂度无关紧要。
延迟加载不会减小捆绑包的大小:延迟加载是在要求时而不是收到时
< / li> spec
文件没有出现在构建中,并且.scss
文件被编译到JS中(无论您使用内联样式还是URL样式,最终构建都没有区别)< / p>
看到n°1点
我看不到图像,但是您是否在应用程序上运行了lighthouse audit?它可能会告诉您可以改进的地方。